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

1 vote205 views1 answer
Difference between html and css
CSS
2 votes187 views2 answers
Poppins cdn
CSS
0 vote201 views1 answer
Custom horizontal scrollbar css
CSS
0 vote181 views1 answer
Css overflow smooth scroll mobile
CSS
1 vote213 views1 answer
Css flip svg
CSS
0 vote268 views1 answer
Définir le nombre minimum de mots sur les publications WordPress
CSS
7 votes188 views2 answers
Bootstrap Aligning images
CSS
0 vote191 views1 answer
Text overlay animation css
CSS
0 vote220 views1 answer
Html css on class
CSS
1 vote183 views1 answer
Firefox css code
CSS