Angular material icon not displaying correctly?

Question

Angular

When the component is loaded, the text of the icon material (warning) appears first, and after a second - the icon itself.
<mat-icon>warning</mat-icon>
Module imported in project and css too

$mat-icons-url: 'https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp';
@import url($mat-icons-url);

Plays every time