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 votes283 views2 answers
Why is my css not working
CSS
0 vote275 views1 answer
Add padding to gnome terminal
CSS
1 vote366 views4 answers
Button style css
CSS
0 vote281 views1 answer
How to add space between image and text in css
CSS
1 vote265 views2 answers
Eloquent map collection
CSS
1 vote289 views1 answer
Tzutc
CSS
17 votes280 views4 answers
Get featured image post wordpress by post id
CSS
1 vote255 views1 answer
Select all class in css
CSS
0 vote273 views1 answer
Load hidden image to HTML
CSS
0 vote288 views1 answer
Css textarea set max characters
CSS