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 votes161 views1 answer
Slide up and down animation css
CSS
-1 vote203 views3 answers
How to align list to the centre in css
CSS
1 vote162 views1 answer
Css cursor size
CSS
174 votes223 views6 answers
How to add background image in css
CSS
0 vote172 views1 answer
Add css class c#
CSS
15 votes154 views6 answers
Hr css
CSS
0 vote170 views2 answers
Difference bw box and border box
CSS
0 vote149 views1 answer
Practice html and css
CSS
0 vote155 views1 answer
Css 2 div cote à cote
CSS
0 vote173 views1 answer
QAnon Won't believe who
CSS