For more info please check the components's official demos & documentation demos & documentation
<mat-progress-spinner> and <mat-spinner> are a circular indicators of progress and activity.
The color of a progress-spinner can be changed by using the color property. By default, progress-spinners use the theme's primary color. This can be changed to 'accent' or 'warn'.
Primary Accent Warn
Determinate Indeterminate

Result