Есть лого на SVG, как правильно вставить SVG в HTML?

Question

[mgkirs]

Есть лого на SVG. Сейчас стоит вот так:

<img src="/logo.svg" style="width: 100%; height: auto;">

Нужно вставить через css так чтобы поддерживали браузеры времен IE 9.
Это необходимо чтобы менять цвет самого svg.

Подошел бы вариант если бы можно было поменять цвет с помощью параметра src="/logo.svg"
например вот так src="/logo.svg#color"

Нужен более менее кроссбраузерный способ подключения svg через css(без использования js), а там уже классами цвета можно менять..

Answer 1

[Max P.]

Код SVG можно вставлять прямиком в код страницы. Это всё тот же DOM, и, соответственно, все его элементы можно точно также стилизовать с помощью CSS.

Answer 2

[Златослав Десятников]

Соглашусь с предыдущим ответом.
SVG - это XML, откройте logo.svg в текстовом редакторе и вставьте содержимое в документ HTML.
Далее можете со спокойной душой назначать стили в CSS.

Answer 3

[Дмитрий Максимов]

frontender.info/using-svg