Icons

mat-icon with color variants, sizes, and SVG support.

Material Icons

mat-icon with color variants.

<mat-icon>home</mat-icon>
<mat-icon color="primary">favorite</mat-icon>
<mat-icon color="accent">star</mat-icon>
<mat-icon color="warn">warning</mat-icon>
<mat-icon>settings</mat-icon>
<mat-icon>person</mat-icon>
<mat-icon>search</mat-icon>
<mat-icon>menu</mat-icon>
<mat-icon>close</mat-icon>
<mat-icon>check_circle</mat-icon>
<mat-icon>delete</mat-icon>
<mat-icon>edit</mat-icon>

Icon Sizes

mat-icon sized via font-size CSS.

<mat-icon style="font-size: 18px">home</mat-icon>
<mat-icon style="font-size: 24px">favorite</mat-icon>
<mat-icon style="font-size: 32px" color="primary">star</mat-icon>
<mat-icon style="font-size: 40px" color="accent">warning</mat-icon>
<mat-icon style="font-size: 48px" color="warn">settings</mat-icon>