DEV Community

Discussion on: Angular: Using custom made SVG icons through Angular Material

Collapse
 
shivenigma profile image
Vignesh M

Thanks for the guide. It worked great. I have another question about coloring the icons. I know we can color SVG using CSS fill property. But when I try it is not happening.

The path inside SVG has its own fill set to a different color. The CSS color only works if I remove the fill from that path. I thought the SVG spec says that CSS color will override SVG's. Or should I strip the color info from SVG before using it?

Collapse
 
alovega profile image
alovega

Were you able to achieve this functionality?

Collapse
 
shivenigma profile image
Vignesh M

Yes. I had to override the fill color on each path, circle with CSS.