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 vote171 views1 answer
Text barré css
CSS
0 vote228 views1 answer
Css selectors presentation
CSS
107 votes180 views4 answers
How to add background shadow css
CSS
91 votes166 views6 answers
How to center div in css
CSS
1 vote215 views2 answers
Media min height css
CSS
1 vote180 views2 answers
Css disabled hover none
CSS
35 votes182 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS
1 vote173 views1 answer
Change scroll style angular
CSS
27 votes179 views3 answers
Keyframe in css
CSS
0 vote195 views2 answers
Autocomplete background color css
CSS