How to set the color of an icon in Angular Material?

Question

I have this, which I would assume to work, but doesn\'t:

home
         


        

Answer 1

That's because the color input only accepts three attributes: "primary", "accent" or "warn". Hence, you'll have to style the icons the CSS way:

1. Add a class to style your icon:

   .white-icon {
       color: white;
   }
   /* Note: If you're using an SVG icon, you should make the class target the `

2. Add the class to your icon:

   menu