Переглядач SVG

Вставте код SVG/XML і перегляньте векторну графіку безпосередньо у браузері. Попередній перегляд підтримує масштабування й панорамування.

Код SVG

Вставте код SVG/XML або відредагуйте його безпосередньо.

Попередній перегляд

Скрипти та зовнішні ресурси блокуються з міркувань безпеки.

100%

Коректний код SVG з’явиться тут.

What this tool does

Переглядач SVG відтворює код SVG безпосередньо у браузері, щоб ви могли перевірити векторну графіку, не надсилаючи код зовнішньому сервісу.

How to use the tool

  1. Вставте повний документ SVG у поле коду або відредагуйте XML безпосередньо.
  2. Перевірте відтворену графіку та скористайтеся масштабуванням або панорамуванням для перегляду деталей.
  3. Скиньте вигляд або очистьте поле, коли захочете перевірити інший SVG.

Useful applications

  • Перевірити створений вами SVG перед використанням на вебсайті.
  • Переглянути viewBox, форми та відступи векторної графіки у браузері.
  • Порівняти невеликі зміни в коді SVG з відтвореним результатом.

Notes and limitations

  • Код обробляється локально у браузері. Скрипти, вбудований HTML і зовнішні ресурси блокуються.
  • Непідтримуваний або потенційно небезпечний вміст SVG може бути видалений із попереднього перегляду.

Frequently asked questions

Чому мій SVG не відображається?

Переконайтеся, що вміст є коректним XML із кореневим елементом <svg>. Неповні або пошкоджені документи не відтворюються.

Чи завантажуються зовнішні зображення або шрифти?

Ні. Зовнішні ресурси та виконуваний вміст блокуються з міркувань безпеки.

More tools in Утиліти

Переглянути всі інструменти в категорії Утиліти