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

-1 vote187 views5 answers
Add tailwind to next
CSS
6 votes184 views2 answers
How to make all the columns equal size with flexbox
CSS
13 votes199 views2 answers
Box-sizing
CSS
0 vote177 views1 answer
Inine css
CSS
0 vote178 views1 answer
Text zentrieren
CSS
1 vote172 views2 answers
Css scrollbar in div
CSS
0 vote201 views1 answer
Rendre une div scrollable
CSS
1 vote173 views1 answer
"League\Flysystem\AwsS3v3\AwsS3Adapter"
CSS
3 votes180 views5 answers
Css keep aspect ratio image
CSS
0 vote144 views1 answer
Css flex fixed width
CSS