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

0 vote100 views1 answer
Remove svg border
CSS
0 vote239 views1 answer
ProgressBars bulma -- thickness
CSS Bulma
0 vote134 views1 answer
Pass argument to group_by
CSS
250 votes322 views10 answers
Bootstrap cdn
CSS
3 votes139 views2 answers
Css transition all
CSS
6 votes139 views3 answers
How to make rounded corners in css with images
CSS
-1 vote153 views1 answer
Css backdrop filter grayscale
CSS
1 vote158 views2 answers
Eloquent map collection
CSS
1 vote156 views1 answer
Tzutc
CSS
0 vote180 views1 answer
How to get font awesome outline
CSS