I am trying to use the icons from google icons on my Angular project, everything works fine when I am using icons, but when I try to use google symbols, they are not loading correctly.
I have:
import {MatIconModule} from '@angular/material/icon'; on my app.module.ts
and also
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> on my index.html
On the component HTML I am using <mat-icon>download</mat-icon>
[![old google icon][1]][1][![new google symbol][2]][2]
[1]: https://i.stack.imgur.com/E9iad.png Old icon
[2]: https://i.stack.imgur.com/bxMkS.png new symbol
PS: If I add
Everything works just fine, but it seems I should not add this to the index.html since I have the matIconModule, which I am assuming should take care of both, google icons and google symbol...
Please let me know how to fix this...