mat icon not showing code example

Example 1: mat-icon showing text

It will always try to load the local version of "Material Icons" font 
first, before the web font. Therefore, if OP has an outdated or 
customized version of "Material Icons", the desired effect won't be 
shown.

To fix this, delete the local "Material Icons" font, or replace it 
with the latest version if you still want a local copy.

Example 2: properly import mat icon angular 10

// In Angular in style.css
@import 'https://fonts.googleapis.com/icon?family=Material+Icons';

Example 3: mat icon not working

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