Задать вопрос
polyanin
@polyanin
Golang, PHP & Symfony developer
верстка

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

Имеется SVG файл, как вставить его в страницу, но не как изображения, а встроить прямо в html?
  • Вопрос задан
  • 235 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 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 файла и вставляете внутрь вашей разметки, желательно очистив от всякого ненужного мусора, типа мета-данных графического редактора, в котором делалась эта картинка.
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Developer (Nuxt/Tailwind)
ИП Раковский
До 150 000 ₽
Преподаватель курсов программирования
CODDY • Москва
от 25 000 до 50 000 ₽
Frontend Developer
Redberries.pro
от 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Парсинг
26 нояб. 2024, в 23:41
1200 руб./за проект
Разработать готовую к использованию тему Wordpress по шаблону
26 нояб. 2024, в 23:31
5000 руб./за проект
Написать скрипт для быстрой покупки елочной игрушки
26 нояб. 2024, в 23:10
5000 руб./за проект
Ещё заказы