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 vote331 views1 answer
Place image on top right inside flex css
CSS
1 vote354 views1 answer
Make web page float to center of page
CSS
0 vote366 views1 answer
No nobr substitute in html
CSS
1 vote321 views3 answers
Background image in css is not working
CSS
2 votes400 views1 answer
Material design css
CSS
0 vote324 views1 answer
Element selector css
CSS
0 vote374 views1 answer
Box-shadow left right and bottom
CSS
0 vote324 views1 answer
Touch-action in css
CSS
1 vote437 views4 answers
Button style css
CSS
0 vote330 views1 answer
Mailto link with no decoration
CSS