在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称(OpenSource Name):klarsys/angular-material-icons开源软件地址(OpenSource Url):https://github.com/klarsys/angular-material-icons开源编程语言(OpenSource Language):HTML 95.4%开源软件介绍(OpenSource Introduction):angular-material-iconsAngularJS 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. InstallationThis library is available via bower and npm
Configure own iconsadd many icons angular.module('moduleName').config(function (ngMdIconServiceProvider) {
ngMdIconServiceProvider.addShapes({
'signal_wifi_0_bar': '<path fill-opacity=".3" d="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': '<path fill-opacity=".3" d="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"/>',
});
}); optionally You can add viewBox for icon if not want to do it in templates
angular.module('moduleName').config(function (ngMdIconServiceProvider) {
ngMdIconServiceProvider
.addShape('evCross', '<polygon points="612,36.004 576.521,0.603 306,270.608 35.478,0.603 0,36.004 270.522,306.011 0,575.997 35.478,611.397 306,341.411 576.521,611.397 612,575.997 341.459,306.011"/>')
.addViewBox('evCross', '0 0 612 612');
}); DemoCheckout the live demo for usage instructions and a preview of all icons included in the set. LicensesThis package is released under MIT license. Icons are released under Attribution 4.0 International license. |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论