mat-icon appears in grey color in Angular

Issue

I would like to show mat-icon in red color but it always appear in grey color. Is there a way to show mat-icon in red color? If somebody knows the please let me know. Thank you

<mat-icon
    *ngIf="form.hasError('required', 'name') && isNameSubmitted"
    class="mdi mdi-24px mdi-alert-circle"
    matSuffix>
</mat-icon>

Solution

It can be done as follow:

.mat-form-field .mat-icon {
   color: red;
}

Answered By - H S Progr