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

11 votes356 views6 answers
Warning: LF will be replaced by CRLF in
CSS
0 vote319 views1 answer
Border box reset
CSS
0 vote329 views1 answer
Text size to fit button
CSS
9 votes378 views3 answers
How to change another element on hover
CSS
14 votes375 views4 answers
Css first of type
CSS
0 vote325 views2 answers
Css flip text
CSS
0 vote347 views1 answer
Set margin to none inside print
CSS
0 vote306 views1 answer
@page css
CSS
1 vote313 views1 answer
Add black above image css
CSS
0 vote346 views1 answer
Css outline shorthand
CSS