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 vote146 views1 answer
Buttons have strange style iOS
CSS
1 vote156 views1 answer
Html if text too long newline
CSS
1 vote183 views1 answer
How to make slideshow not go over navigation bar
CSS
0 vote157 views1 answer
Php-twig (> 2.9) but 2.6.2-2
CSS
1 vote144 views1 answer
How to contain an image within a div
CSS
98 votes160 views6 answers
Css center
CSS
5 votes151 views1 answer
Safari only CSS hack
CSS
0 vote148 views2 answers
Bootstrap 4 scss angular 8
CSS
0 vote157 views1 answer
Css animation sin
CSS
1 vote159 views1 answer
Stop anchor tag scroll to top of page
CSS