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 vote122 views2 answers
Is it possible to add xsl and css in same xml file
CSS
2 votes120 views4 answers
Css zoom
CSS
74 votes116 views6 answers
Display flex
CSS
2 votes128 views1 answer
Html5 input required length
CSS
0 vote160 views1 answer
Date icon color change
CSS
0 vote117 views1 answer
Code css for mozila
CSS
10 votes121 views2 answers
Css list items next to each other
CSS
32 votes132 views6 answers
Css font face
CSS
0 vote137 views2 answers
Wpa avoid reload with swipe
CSS
0 vote113 views1 answer
Colored button link scss generator
CSS