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

33 votes330 views4 answers
How to change paragraph text color to Red css
CSS
4 votes272 views1 answer
Bootstrap file select class
CSS
3 votes278 views2 answers
Downgrade composer to 1 in vagrant
CSS
1 vote269 views1 answer
How to put mulitple conditions in media query
CSS
0 vote277 views2 answers
Webpack alias not working in jest
CSS
0 vote275 views1 answer
Target only mozilla css
CSS
1 vote261 views2 answers
Css focus border radius
CSS
0 vote269 views1 answer
Elementor custom css for mobile
CSS
0 vote263 views1 answer
Poretty print css
CSS
3 votes267 views2 answers
Css crop image to circle
CSS