How to use in Angular Material?

Question

I was wondering how to use Material\'s icons, as this is not working:

Answer 1

The simplest way today would be to simply request the Material Icons font from Google Fonts, for example in your HTML header tag:

or in your stylesheet:

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

and then use as font icon with ligatures as explained in the md-icon directive. For example:

menu

The complete list of icons/ligatures is at https://www.google.com/design/icons/