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 vote148 views1 answer
Unhover animation
CSS
0 vote142 views1 answer
Scss darken color
CSS
0 vote146 views1 answer
Statamic partial
CSS
0 vote171 views1 answer
How to make a flex container full page
CSS
120 votes282 views3 answers
React import bootstrap css file
CSS Bootstrap
1 vote151 views1 answer
How to set fallback font in css
CSS
1 vote146 views1 answer
Margin clickable
CSS
1 vote157 views1 answer
How to do a smooth transform scale
CSS
13 votes161 views3 answers
Center position fixed
CSS
0 vote159 views1 answer
How to set initial state after first time in formik
CSS