Material Icons don't show up

[marioagarcia]

Hi, when I try to use a simple mat-icon element the icon does not show up. Would you tell me what I need to override so that I can use a normal mat-icon like this:

<mat-icon>home</mat-icon>

The reason why I need to use normal mat-icons is that when trying to use the Angular Material's stepper the edit icons that the stepper uses don't show up as they should.

Thank you.

[parthnayak7448]

Hey @marioagarcia did you find any solutions to use mat-icon?

[tomastrajan]

Hi @marioagarcia !

The icons are imported explicitly to reduce bundle size. You have to add it here

Hope that helps!

[marioagarcia]

Thanks for the tip. I see that is the case for font-awesome icons but not material icons. I am able to see the material icons after adding this to the index.html file:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">

@parthnayak7448, hope this helps!

[bhagwatipandey]

Hi @marioagarcia !

The icons are imported explicitly to reduce bundle size. You have to add it here

Hope that helps!

For me it was working when I made the entry in core.module file