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 votes203 views3 answers
How to change background color in ElevateButton flutter
CSS
1 vote214 views1 answer
Change order columns bootstrap
CSS
0 vote192 views7 answers
Xle
CSS
2 votes247 views1 answer
How to put a black overlay on a photo css
CSS
0 vote200 views1 answer
Faire des colonnesdef etexte css
CSS
21 votes196 views5 answers
Text-overflow: ellipsis 2 lines
CSS
20 votes224 views3 answers
Gradient border with border radius
CSS
0 vote200 views1 answer
Click a list html css
CSS
1 vote186 views1 answer
Css bg code
CSS
34 votes193 views2 answers
Box position in center css
CSS