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

7 votes426 views1 answer
Remve arrow from input ype number
CSS
2 votes342 views1 answer
Underline css animation hover
CSS
3 votes334 views1 answer
Hcss change highlight color
CSS
1 vote380 views2 answers
How to center topnav bar in html
CSS
0 vote342 views2 answers
Tailwind css form
CSS
4 votes413 views3 answers
.col-6 bootstrap
CSS Bootstrap
0 vote344 views1 answer
How to some of the list and show some in css
CSS
1 vote351 views3 answers
How to start css
CSS
0 vote354 views1 answer
Style50 for cs50
CSS
0 vote374 views2 answers
COMENTARIOS EN CSS
CSS