change color of svg images with css

Question

I have an svg image on my page which I am including like this:

<img src="image.svg" class="arrow"/>

• I want to change its color with css. Is this possible?

Answer 1

There's hue-rotate, but it's not really supported yet.

Answer 2

You can't. If you're trying to make it a rollover image, create a new SVG image with the changed colour, then look at this code to use JavaScript to make it a rollover image.

If you're not using it as a rollover, then I can't do any more.