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

42 votes141 views6 answers
Disable textarea resize
CSS
3 votes140 views1 answer
Inline block align center
CSS
22 votes141 views2 answers
Disable user select css
CSS
0 vote134 views1 answer
Css cursor finger
CSS
0 vote233 views7 answers
Convert css box shadow to react native
CSS
11 votes145 views2 answers
How to center horizontally and vertically block div
CSS
0 vote145 views2 answers
Add profile picture to a form in html and css
CSS
0 vote124 views1 answer
Horizontal scroll menu fade edges
CSS
0 vote134 views1 answer
Tailwind css image grid
CSS
37 votes150 views6 answers
Overflow in css
CSS