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 vote130 views1 answer
Fonts from google fonts do not work
CSS
16 votes120 views5 answers
Loop scss
CSS
0 vote131 views1 answer
See css from site
CSS
0 vote127 views1 answer
Css remove list indent
CSS
0 vote81 views0 answer
CSS
2 votes83 views1 answer
How to bring default values in css
CSS
0 vote145 views1 answer
Css font family narrow fonts
CSS
3 votes122 views1 answer
Trash icon favicon
CSS
3 votes132 views2 answers
Css disable button click
CSS
0 vote130 views2 answers
How to zoom picture on hover using css
CSS