AngularJS directive to use Material Design icons with custom fill color and size.
npm install angular-material-iconsangular-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.
bower install angular-material-icons
npm install angular-material-icons
javascript
angular.module('moduleName').config(function (ngMdIconServiceProvider) {
ngMdIconServiceProvider.addShapes({
'signal_wifi_0_bar': ' ',
'signal_wifi_1_bar': ' ',
});
});
`
optionally You can add viewBox for icon if not want to do it in templates
* attribute view-box from template has higher priority so if given will override configured by service
* if not given viewBox in config and template will use default "0 0 24 24"
`javascript
angular.module('moduleName').config(function (ngMdIconServiceProvider) {
ngMdIconServiceProvider
.addShape('evCross', ' ')
.addViewBox('evCross', '0 0 612 612');
});
``