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 vote348 views1 answer
Punderline none
CSS
0 vote387 views1 answer
Gh: stop using --force !!!
CSS
0 vote331 views5 answers
Css fr meaning
CSS
1 vote345 views1 answer
Box shador of one border css
CSS
5 votes333 views2 answers
Transition transform
CSS
99 votes352 views2 answers
Css absolute in absolute
CSS
0 vote401 views1 answer
Css battle 54 char
CSS
0 vote369 views1 answer
Css cut lines
CSS
42 votes423 views5 answers
Npm bootstrap
CSS Bootstrap
4 votes340 views2 answers
Bootstrap Image thumbnails
CSS