Как вставить SVG картинку чтобы работал hover?

Question

[ravlex]

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

Answer 1

[Skrolea]

codepen.io/helmemat/pen/ndJgz

Comments

[ravlex]

А если мне нужно вставить готовую картинку с разрешением SVG?

[Максим Тимофеев]

ravlex: тогда это не svg а картинка и к ее коду не добраться, а значит и не изменить fill. Хотите менять свойства svg, вставляйте как код или объект.
Берете свою картинку, открываете в текстовом редакторе и вставляете. Что бы не захламлять, можно в php через include

Answer 2

[VsWeb]

Вставить svg(нужен именно код картинки, открыть картинку блокнотом и скопировать) в html разметку, а в css svg:hover {fill: нужный цвет;}.
Самый простой способ, если картинок не много.