angular-mdi-svg
Material Design Icons mdi.svg file for Angular(JS) Material. Based on MaterialDesign project, there is a CRON behind this project to pull the latest version of the mdi.svg file from https://materialdesignicons.com.
Usage
This bundle is usable with Angular(JS) Material and to facilitate his usage, it's recommended to use copy-webpack-plugin.
Add the following plugin configuration in webpack config:
from: 'node_modules/angular-mdi-svg/mdi.svg' to: 'assets/mdi.svg' ;
Angular 2.x/4.x/5.x
;;;;;;/*From the latest master, HttpClientModule is required insteadimport { HttpClientModule } from '@angular/common/http';*/ ...
If you're using Angular CLI, make sure to include assets
folder under .angular-cli.json
in assets
array (Although by default, the angular CLI will autofill it in):
Usage:
<!-- Icon by itself --><!-- Icon button --> <!-- You can also combine an icon and text together --> View source
Please also add the following class to your styles (styles.css
) to solve the problem where an icon isn't aligned properly when used in a menu item:
For more information on icons, refer to the icon docs.
Angular JS Material
var app = angular;app;
Usage: