Angular Material - Creating an icon in angular material2 - Angular Material Tutorial

The following is a guide on how to create an icon from material design icons:

Load the icon font from Google CDN in your index.html

Alternatively, you may import it in your styles.css

@import url('https://fonts.googleapis.com/icon?family=Material+Icons')

Use it as follows:

<md-icon>menu</md-icon>

This angular material provides most of the technology areas such as angular material example , angular material download , angular material design template , angular material vs bootstrap , angular material for angular 2 , what is angular material , angular material demo , angular material2 , angular material demo , angular 4 material , angular material npm , angular material tutorial , angular material cdn , angular material vs bootstrap