angular-material2 md-icon Creating an icon

Help us to keep this website almost Ad Free! It takes only 10 seconds of your time:
> Step 1: Go view our video on YouTube: EF Core Bulk Insert
> Step 2: And Like the video. BONUS: You can also share it!

Example

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!



Got any angular-material2 Question?