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 vote197 views1 answer
Css remove link border on click
CSS
0 vote163 views1 answer
Sumar clases css
CSS
0 vote196 views1 answer
Style50 for cs50
CSS
67 votes202 views6 answers
Center absolute
CSS
22 votes202 views3 answers
Smooth scroll css
CSS
8 votes194 views2 answers
Font roboto css
CSS
3 votes202 views1 answer
Add new class in tailwind css
CSS
2 votes201 views2 answers
Css text to fit container
CSS
1 vote188 views1 answer
How to remove margin of body
CSS
25 votes191 views4 answers
Remove outline
CSS