Material Mit Design-Ikonen und scharfkantiges Material SVG

Question

Ich möchte Material Design Icon verwenden Angular Material mit ... (keine Symbole Schriftart aber SVG)

Aber ich weiß nicht, wie man ...

HTML:

<!-- Icon ID; may contain optional icon set prefix; --> 
<!-- icons must registered using $mdIconProvider - OK, but doesn't work --> 
<md-icon md-svg-icon="social:android" aria-label="android "></md-icon> 

JS: (zum Beispiel sozialer Satz)

angular.module('appSvgIconSets', ['ngMaterial']) 
    .controller('DemoCtrl', function($scope) {}) 
    .config(function($mdIconProvider) { 
     $mdIconProvider 
      .iconSet('social', 'url/to/sets/social-icons.svg', 24) 
      .defaultIconSet('url/to/sets/core-icons.svg', 24); 
}); 

Es gibt keinen Weg, um Sätze in https://github.com/google/material-design-icons/tree/master/social/svg/production

Ich muss alle Symbol einzeln deklarieren? ^^ komisch ...

Wer kennt das Geheimnis?

Answer 1

ich eine Lösung gefunden:

Zum Beispiel sozialen Bereich Symbol

Es ist nicht

<md-icon md-svg-icon="social:domain" aria-label="domain "></md-icon> 

aber:

<md-icon md-svg-icon="social:ic_domain_24px" aria-label="domain "></md-icon> 

JS (ich benutze eine Kopie von: https://github.com/google/material-design-icons/blob/master/sprites/svg-sprite/svg-sprite-social.svg)

(function() { 
    'use strict'; 
    var app = angular.module('CptApp', ['ngMaterial']); 
    app.config(function ($mdIconProvider) { 
     $mdIconProvider.iconSet('social', '/path/to/icons/svg-sprite-social.svg'); 
    }); 
})();