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

2 votes180 views1 answer
Website css not loading
CSS
0 vote179 views1 answer
Crystal background css
CSS
0 vote189 views1 answer
Radio button css only 1
CSS
0 vote135 views1 answer
Transform translate-x ie11
CSS
0 vote183 views2 answers
Increase space between dashed border css
CSS
0 vote178 views1 answer
Colored button link scss generator
CSS
1 vote180 views1 answer
Css access span class inside div
CSS
1 vote183 views1 answer
How to prevent text overflow
CSS
1 vote195 views1 answer
Place-items css property
CSS
175 votes252 views6 answers
Background css image
CSS