Package Exports

ny-angular-material-icons

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ny-angular-material-icons) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

angular-material-icons

AngularJS directive to use Material Design icons with custom fill-color and size.

This project encompasses all SVG icons from Google's official Material Design Icon repository and few hand-picked icons from community-led MaterialDesignIcons.com in form of angular directive that gives option to specify custom fill-color and size.

Changes to icon will go through delightful morphing if SVG-Morpheus is also included in your application.

This is fork of angular-material-icons
Changes:

No need of external css, just use like this:
<md-icon ny-md-icon='some_icon_name'></md-icon>
Because of big size (~300kb) removed all preinstaled icons, exept of default.
Some performance improvements, removed icon watcher. Now icon is watched only if observe attribute is present
<md-icon ny-md-icon='some_icon_name' observe></md-icon>

Installation

This library is available via bower and npm

bower install ny-angular-material-icons
npm install ny-angular-material-icons

Configure own icons

add many icons

angular.module('moduleName').config(function (nyMdIconProvider) {
    nyMdIconProvider.addShapes({
        'signal_wifi_0_bar': 'M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z',
        'signal_wifi_1_bar': 'M12.01 21.49L23.64 7c-.45-.34-4.93-4-11.64-4C5.28 3 .81 6.66.36 7l11.63 14.49.01.01.01-.01z"/><path d="M6.67 14.86L12 21.49v.01l.01-.01 5.33-6.63C17.06 14.65 15.03 13 12 13s-5.06 1.65-5.33 1.86z',
    });
});

Licenses

This package is released under MIT license.