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

13 votes225 views6 answers
Hide title bar android
CSS
0 vote225 views1 answer
Mixed-blend-mode css all properties
CSS
0 vote198 views1 answer
How to hide some grid items from grid in css
CSS
3 votes186 views4 answers
Remove outline on button click
CSS
1 vote192 views2 answers
Border shorthand CSS
CSS
15 votes191 views3 answers
Css change text
CSS
0 vote198 views1 answer
Remove background when autofill input css
CSS
3 votes242 views2 answers
How to modify select icon csshow to modify select icon css
CSS
-2 votes182 views1 answer
Css opacity transition
CSS
0 vote181 views1 answer
How to change height font css
CSS