How to set the color of an icon in Angular Material?

Question

I have this, which I would assume to work, but doesn\'t:

home


        

Answer 1

Or simply

add to your element

[ngStyle]="{'color': myVariableColor}"

eg

<mat-icon [ngStyle]="{'color': myVariableColor}">{{ getActivityIcon() }}</mat-icon>

Where color can be defined at another component etc