How can change svg fill color by css?

Question

In html

<img src="../../Images/newsletter_icons/{{tool.Tool}}.svg" />

In css

svg.icon{
        fill:red
       }

*Note: I have added class name 'icon' manually in my all svg tag.

You can't. Images are self-contained. You'd have to put the CSS in the svg file itself. — Robert Longson, Mar 24 '16 at 10:55
Related - http://stackoverflow.com/questions/13367868/modify-svg-fill-color-when-being-served-as-background-image — Paulie_D, Mar 24 '16 at 10:59
Could you please see this ... add an extralegal link to svg file but it is not working. here it is https://jsfiddle.net/Shishir/rczesgop/ — Abdul Samad, Mar 24 '16 at 11:14
`` but it still won't work as an image as images must be self-contained. — Robert Longson, Mar 24 '16 at 11:26

score 0 · Answer 1 · answered Mar 24 '16 at 15:18

0

You can add a filter to the image to recolor it and call the filter through CSS.

answered Mar 24 '16 at 15:18

Michael Mullany

1 Answers1