angular-material2 – md-icon – Creating an icon

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

  1. Load the icon font from Google CDN in your index.html:
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    

    Alternatively, you may import it in your styles.css:

    @import url('https://fonts.googleapis.com/icon?family=Material+Icons');
    
  2. Use it as follows:
    <md-icon>menu</md-icon>
    

You’re done!

if you want to reproduce, please indicate the source:
angular-material2 – md-icon – Creating an icon - CodeDay