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

24 votes261 views2 answers
Text-overflow: ellipsis; 2 line
CSS
-2 votes262 views1 answer
How to add after psuedo class in html
CSS
-1 vote270 views1 answer
How to remove default styling of a tag
CSS
1 vote282 views1 answer
Var minus scss
CSS
0 vote240 views2 answers
Create fish alias
CSS
0 vote321 views1 answer
Bootstrap 4 input error
CSS Bootstrap
28 votes273 views5 answers
Font face html
CSS
0 vote241 views1 answer
Css only style horizontal scrollbar
CSS
-1 vote270 views1 answer
Css not full width
CSS
1 vote244 views1 answer
Html css landing page
CSS