Change svg image color with CSS

Question

I have the following svg image in my html file:

<img class="svg" src="my-image-link.svg">

Now I'm trying to change the color using this css code:

.svg path {
    fill: black;
}

However, nothing is changing. What is the correct way to change the color of the path of an SVG image using css? Thank!

Answer 1

if you use svg in the image tag, it is impossible to change anything in SVG ...

to do this, you must enable all SVG inline ... look here: link

Answer 2

You should use the built-in SVG, where the path element is inside the HTML, as opposed to referencing an external SVG.

: https://jsfiddle.net/fznuckb0/1/

.path-name {
    fill: tomato;
    fill-rule: evenodd;
}