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

4 votes143 views5 answers
Bootstrap img src
CSS
3 votes131 views3 answers
Blinking animation css
CSS
9 votes154 views3 answers
How to change another element on hover
CSS
0 vote143 views1 answer
Horizontal scroll only css mobile
CSS
0 vote158 views1 answer
Css using the same background-color as the parent background
CSS
0 vote145 views1 answer
Putting picture shaddow in css
CSS
-1 vote142 views1 answer
Span size css
CSS
0 vote132 views1 answer
Free hrml css curs
CSS
1 vote147 views1 answer
Css show scrollbar if overflow
CSS
0 vote145 views1 answer
Css scroll fixed content
CSS