Angular Material - Using svg icons in angular material2 - Angular Material Tutorial
How to use SVG icons in your app?
This example shows how to use SVG icons in your app.
Download the SVG iconset / icon (in this case, we're getting the icons from click here.)
Save it under your assets folder or somewhere else which you can access with.
In your app.module.ts, add the following code
import { MdIconRegistry } from '@angular/material';
import { DomSanitizer } from '@angular/platform-browser';
export class AppModule {
constructor(mdIconRegistry: MdIconRegistry, domSanitizer: DomSanitizer){
// Note that you have to sanitize the resource since Angular will complain that it will cause XSS problems.
// More info: https://g.co/ng/security#xss
mdIconRegistry.addSvgIconSet(domSanitizer.bypassSecurityTrustResourceUrl('assets/icons.svg'))
}
}
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy angular material tutorial , angular 4 material , angular material2 , angular material example team
Use it via the svgIcon attribute:
<md-icon svgIcon="menu"></md-icon>