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

0 vote107 views1 answer
Css add shade over background image
CSS
0 vote111 views2 answers
How to write text on video in html
CSS
50 votes109 views4 answers
Truncate text css
CSS
5 votes148 views2 answers
Remove bootstrap button outline
CSS Bootstrap
19 votes108 views4 answers
Add blur background css
CSS
0 vote134 views1 answer
Remove contact form 7 css
CSS
3 votes107 views3 answers
Css overflow elipsis
CSS
0 vote111 views1 answer
Responsive css webpage code
CSS
-1 vote107 views1 answer
Scss background color
CSS
4 votes128 views1 answer
Orientation css max and min width media query
CSS