svg-material-icons

SVG Material Icons for Material Angular compiled from the official material-design-icons repo.

Example code

app.js

var app = angular.module('MyModule', ['ngMaterial']);
app.config(function($mdIconProvider /*, ... */){
    $mdIconProvider
        .iconSet("action", "assets/libs/svg-material-icons/action.svg", 48)
        .iconSet("alert", "assets/libs/svg-material-icons/alert.svg", 48)
        .iconSet("av", "assets/libs/svg-material-icons/av.svg", 48)
        .iconSet("communication", "assets/libs/svg-material-icons/communication.svg", 48)
        .iconSet("content", "assets/libs/svg-material-icons/content.svg", 48)
        .iconSet("device", "assets/libs/svg-material-icons/device.svg", 48)
        .iconSet("editor", "assets/libs/svg-material-icons/editor.svg", 48)
        .iconSet("file", "assets/libs/svg-material-icons/file.svg", 48)
        .iconSet("hardware", "assets/libs/svg-material-icons/hardware.svg", 48)
        .iconSet("image", "assets/libs/svg-material-icons/image.svg", 48)
        .iconSet("maps", "assets/libs/svg-material-icons/maps.svg", 48)
        .iconSet("navigation", "assets/libs/svg-material-icons/navigation.svg", 48)
        .iconSet("notification", "assets/libs/svg-material-icons/notification.svg", 48)
        .iconSet("social", "assets/libs/svg-material-icons/social.svg", 48)
        .iconSet("toggle", "assets/libs/svg-material-icons/toggle.svg", 48);
    // ...
});

index.html

<md-button aria-label="Menu" class="md-icon-button" ng-click="$mdOpenMenu()">
    <md-icon md-menu-origin md-svg-icon="navigation:menu"></md-icon>
</md-button>