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 vote158 views1 answer
Rust get current date
CSS
1 vote154 views2 answers
Scale textarea
CSS
42 votes164 views4 answers
Css center div in page
CSS
0 vote147 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
-1 vote132 views2 answers
How to add border between links in navigation bar
CSS
0 vote187 views1 answer
Btn keeps pushing down on window resize
CSS
2 votes146 views2 answers
Css change image color
CSS
-1 vote172 views1 answer
883 usd to nis
CSS
6 votes150 views5 answers
Grepper shortcuts
CSS
30 votes187 views6 answers
Linear gradient in CSS
CSS