/* 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>| Code Example |
|---|
| Css :: css calc |
| Css :: sass class with another class |
| Css :: soup css selector |
| Css :: print not showing background image |
| Css :: hidden vs visible |
| Css :: css blur border |
| Css :: tabla responsive css |
| Css :: how to add font otf format in html |
| Css :: css grid span columns |
| Css :: center image |
| Css :: row reverse grid |
| Css :: how to center text in css |
| Css :: text gradient in css |
| Css :: css position fixed center |
| Css :: repeating-linear-gradient |
| Css :: convert firebase created_at to Date string |
| Css :: special custom scrollbar in scss |
| Css :: css after |
| Css :: make img tag take all div space |
| Css :: transparent button css |
| Css :: how to create a circle with css |
| Css :: ionic mobile always dark theme in web |
| Css :: css prevent background scrolling |
| Css :: font roboto css |
| Css :: how to add a vertical line in html |
| Css :: how to use css transform matrix |
| Css :: make something slowly invisible css |
| Css :: how to change highlight color on website |
| Css :: cursor not pointer |
| Css :: pure css tabs |