Default Icon List of Angular Material 2+

Question

I need to see a default list of Icons for Angular Material https://material.angular.io/components/icon/overview

I am not using Font Awesome and Google Fonts

Answer 1

这是你要找的吗？

Answer 2

The Angular Material Icon component actually isn't pre-loaded with the Google Material Design Icons, I'm afraid.

According to the documentation for Icon overview :

By default, <mat-icon> expects the Material icons font . (You will still need to include the HTML to load the font and its CSS, as described in the link).

_{This is located under the "Font icons with ligatures" header. I'm also emphasizing on the word "expects" here}

And it even states under the Getting Started guide that you should add the Material Icons font to your index.html :

If you want to use the mat-icon component with the official Material Design Icons, load the icon font in your index.html.

So, you have to load an icon font (or an SVG iconset) in your app. You'll have to do it yourself.

Here's some font icons/ SVG icons you can use:

• Font icons
  • Google's Material Icons and a list on Material.io
  • Fontawesome (list of icons included in website)
• SVG icons
  • Templarian's Material Design Icons (list of icons included in website)

Answer 3

If you going to use Lars answer . The following code will set the icon in your angular project

<span class="material-icons">home</span>