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 vote341 views1 answer
Css get screen height
CSS
0 vote325 views1 answer
How to remove text selection in css
CSS
0 vote314 views1 answer
How to resize img in css
CSS
1 vote362 views1 answer
Symfony version check
CSS
0 vote333 views1 answer
Woocommerce product_cat apply to custom post type
CSS
0 vote395 views1 answer
Bouton darkmode
CSS
116 votes377 views6 answers
@media screen and (max-width
CSS
0 vote301 views1 answer
Button not aligning right css
CSS
0 vote303 views1 answer
Horizontal scroll only css mobile
CSS
70 votes357 views4 answers
Css remove scrollbars
CSS