Change angular material icon color

/* In the component.css or app.css add Icon Color styles */
.material-icons.color_green { color: #00FF00; }
.material-icons.color_white { color: #FFFFFF; }

/* In the component.html set the icon class*/
<mat-icon class="material-icons color_green">games</mat-icon>
<mat-icon class="material-icons color_white">cloud</mat-icon>

Source: stackoverflow.com

Similar codes

0 vote376 views1 answer
AITpro maintenance mode CSS
CSS
0 vote360 views1 answer
How to overwrite a css importnat
CSS
1 vote350 views1 answer
Button background color remove
CSS
1 vote337 views3 answers
Console error
CSS
1 vote464 views3 answers
Bootstrap table text vertical align center
CSS Bootstrap
50 votes381 views4 answers
Css background image fit
CSS
0 vote399 views1 answer
Tailwindcss link tag
CSS
3 votes330 views1 answer
Css input type size
CSS
0 vote358 views1 answer
Select after not visible
CSS
23 votes368 views5 answers
Image rotate css
CSS