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 vote112 views1 answer
Test typescript
CSS
0 vote109 views1 answer
Move text outside div
CSS
0 vote111 views1 answer
Css id with mask wildcard
CSS
17 votes122 views3 answers
Grid blocks center
CSS
3 votes156 views5 answers
India
CSS
2 votes110 views1 answer
Css transition syntax
CSS
0 vote106 views3 answers
Center ul
CSS
7 votes108 views2 answers
Max z-index value css
CSS
0 vote130 views1 answer
Navbar css code
CSS
29 votes112 views6 answers
Box-shadow
CSS