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

17 votes117 views4 answers
Get featured image post wordpress by post id
CSS
1 vote114 views2 answers
Style input number arrows
CSS
0 vote126 views1 answer
Style image so it crops
CSS
19 votes138 views2 answers
How to underline font in css
CSS
0 vote120 views1 answer
Media query not working with rem
CSS
0 vote124 views1 answer
Css space inter words
CSS
3 votes113 views2 answers
Move css background image
CSS
1 vote118 views1 answer
Css 2 <p> next to each other
CSS
5 votes114 views1 answer
Css assign multiple classes to one element
CSS
0 vote228 views1 answer
Import global variables scss angular
CSS