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 vote173 views1 answer
Css circle with number
CSS
8 votes217 views6 answers
Aos animation
CSS
0 vote187 views1 answer
Css using the same background-color as the parent background
CSS
52 votes216 views4 answers
Rgba green color
CSS
0 vote238 views1 answer
Bootstrap modal resize with jquery
CSS Bootstrap
-1 vote173 views1 answer
Apple gradients
CSS
0 vote158 views1 answer
Iphone CSS
CSS
1 vote281 views1 answer
How to take in space and enter as it is in a textarea
CSS
2 votes221 views4 answers
Animation timing function css
CSS
0 vote196 views1 answer
Css display original image in smalle width
CSS