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>
This library is available via bower and npm
bower install ny-angular-material-icons
npm install ny-angular-material-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',
});
});
This package is released under MIT license.