Перейти к содержимому
🔍

SVG-просмотрщик

Вставьте SVG-код и посмотрите его мгновенно. Изучите размеры, viewBox, размер файла и количество узлов. Скачайте или копируйте. В браузере.

Предпросмотр
100%
viewBox--
Размеры--
Элементов0
Размер файла0 B

Что такое SVG?

SVG (Scalable Vector Graphics) — XML-формат для 2D-векторной графики. В отличие от растровых изображений (PNG, JPG), SVG масштабируется без потери качества. Атрибут viewBox определяет систему координат и ключевой для отзывчивого масштабирования. Современные браузеры рендерят SVG нативно, поэтому его можно встраивать инлайн, в CSS или как <img>.

Применение

  • Дизайн иконок — предпросматривайте иконки до интеграции.
  • Отладка — проверьте корректность viewBox и размеров.
  • Проверка логотипов — проверяйте экспортированный SVG из дизайн-инструментов.
  • Обучение — изучайте реальную SVG-разметку интерактивно.

Конфиденциальность

Весь рендеринг выполняется на 100% в вашем браузере. Данные не отправляются на сервер.