Changing the color of an svg image using CSS [duplicate]

Question

I have the following svg image in my html file:

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

Now, I am trying to change the color using this css code:

.svg path {
    fill: black;
}

However, nothing changes. What is the correct way to change the color of an svg image's path using css? Thanks!

Answer 1

You have to use an inline SVG, where the path element is inside the HTML, as opposed to linking to an external SVG.

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

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