Изменение цвета с SVG изображения с помощью CSS

Question

У меня есть следующие SVG изображений в моем HTML файл:

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

Теперь я пытаюсь изменить цвет, используя этот CSS код:

.svg path { 
    fill: black; 
} 

Однако ничего не меняется. Каков правильный способ изменения цвета пути svg-изображения с помощью css? Благодаря!

Answer 1

, если вы используете ГСВ в теге изображения, то невозможно изменить что-нибудь в SVG ...

, чтобы сделать это, вы должны включать в себя весь SVG инлайн ... смотрите, например, здесь: link

Answer 2

Вы должны использовать встроенный SVG, где элемент пути находится внутри HTML, в отличие от ссылки на внешний SVG.

Пример: https://jsfiddle.net/fznuckb0/1/

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