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

Есть лого на SVG. Сейчас стоит вот так:
<img src="/logo.svg" style="width: 100%; height: auto;">


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

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

Нужен более менее кроссбраузерный способ подключения svg через css(без использования js), а там уже классами цвета можно менять..
  • Вопрос задан
  • 9066 просмотров
Пригласить эксперта
Ответы на вопрос 3
zenwalker
@zenwalker
import this
Код SVG можно вставлять прямиком в код страницы. Это всё тот же DOM, и, соответственно, все его элементы можно точно также стилизовать с помощью CSS.
Ответ написан
pxz
@pxz
✔ Совет: Вам помогли? Отметьте ответы решением.
Соглашусь с предыдущим ответом.
SVG - это XML, откройте logo.svg в текстовом редакторе и вставьте содержимое в документ HTML.
Далее можете со спокойной душой назначать стили в CSS.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы