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 votes201 views4 answers
Js simulate click on div
CSS
0 vote202 views1 answer
Div style how to wrap around
CSS
0 vote221 views1 answer
All ipad Resolutio css
CSS
0 vote200 views1 answer
Circular div css
CSS
24 votes218 views4 answers
Use woff2 font in css
CSS
-1 vote222 views2 answers
How to set background automatically with my screen height
CSS
-1 vote190 views1 answer
Empty areas in the grid are defined using '.'
CSS
1 vote205 views1 answer
Centering items in react css
CSS
13 votes237 views3 answers
Iphne media query csss
CSS
0 vote306 views1 answer
Apply css on last child in parent div
CSS