polyanin
@polyanin
Golang, PHP & Symfony developer

Как встроить SVG в HTML?

Имеется SVG файл, как вставить его в страницу, но не как изображения, а встроить прямо в html?
  • Вопрос задан
  • 233 просмотра
Решения вопроса 1
nikichv
@nikichv
Frontend dev. Current stack: Next.js/RTK/Saga
Вот так что ли?
<body>
  <svg xmlns="http://www.w3.org/2000/svg" height="238.5" width="272.7" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 272.70001 238.5">
    <path fill="#7C90A0" d="m195.8 17.933c23.3 0 42.2 98.3 42.2 219.7h34c0-130.7-34.3-236.5-76.3-236.5-24 0-45.2 31.7-59.2 81.5-14-49.8-35.2-81.5-59-81.5-42 0-76.2 105.7-76.2 236.4h34c0-121.4 18.7-219.6 42-219.6s42.2 90.8 42.2 202.8h33.8c0-112 19-202.8 42.3-202.8"/>
  </svg>
</body>

Не понимаю просто проблемы. Берете содержимое svg файла и вставляете внутрь вашей разметки, желательно очистив от всякого ненужного мусора, типа мета-данных графического редактора, в котором делалась эта картинка.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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