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

3 votes316 views3 answers
Svg animation css
CSS
122 votes314 views6 answers
How to center in css
CSS
1 vote309 views1 answer
Div border glow effect css
CSS
0 vote312 views1 answer
Css line-through with words
CSS
0 vote303 views3 answers
Css make div one line
CSS
1 vote327 views1 answer
Tzutc
CSS
1 vote356 views2 answers
Absolute vertical position css
CSS
0 vote402 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
22 votes319 views4 answers
Css center in grid
CSS
0 vote310 views1 answer
Prevent bounce scroll css
CSS