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