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

5 votes284 views1 answer
Css how does hsl work
CSS
6 votes197 views2 answers
Linear gradient syntax
CSS
0 vote262 views1 answer
See css from site
CSS
3 votes231 views2 answers
Css color when clicked
CSS
8 votes247 views4 answers
Text-align attribute in css
CSS
5 votes245 views5 answers
Disable text selection
CSS
0 vote252 views1 answer
How to use a background property in css
CSS
1 vote234 views1 answer
Locate canvas in center of screen css
CSS
56 votes245 views1 answer
Media queries screen width
CSS
16 votes275 views4 answers
How to make image a circle css
CSS