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 vote179 views1 answer
Replace icon with image css
CSS
4 votes188 views3 answers
Add space between all html elements flex
CSS
0 vote285 views1 answer
Button expo css
CSS
0 vote184 views1 answer
Thumb personalizzata wp
CSS
0 vote178 views1 answer
Vue center components in body
CSS
3 votes184 views2 answers
How to split a background into two color in css
CSS
0 vote171 views1 answer
Display elements side by side css
CSS
3 votes177 views1 answer
Remove default style from links css
CSS
0 vote186 views1 answer
Css calc margin-top based on height?
CSS
1 vote188 views1 answer
How to set fallback font in css
CSS