SVG Render

Конвертер SVG Data URI

Преобразуйте SVG в Data URI, Base64 и кодированный URI онлайн

Создавайте SVG Data URI. Живой предпросмотр помогает заметить отсутствующий viewBox, неожиданные цвета, скрытые контуры и проблемы прозрачности.

Преобразовать SVG в Data URIПанель URI показывает все три формата.
Создавайте SVG Data URI. Живой предпросмотр помогает заметить отсутствующий viewBox, неожиданные цвета, скрытые контуры и проблемы прозрачности.
Живой предпросмотр помогает заметить отсутствующий viewBox, неожиданные цвета, скрытые контуры и проблемы прозрачности.
Когда результат готов, скопируйте код, скачайте SVG или перейдите к нужной панели экспорта.
SVG Code
XML

The preview strips scripts and inline event attributes, then renders SVG in a sandbox.

1

Вставьте SVG код и откройте нужную панель вывода.

2

Живой предпросмотр помогает заметить отсутствующий viewBox, неожиданные цвета, скрытые контуры и проблемы прозрачности.

3

Когда результат готов, скопируйте код, скачайте SVG или перейдите к нужной панели экспорта.

Создавайте SVG Data URI

Создавайте SVG Data URI. Живой предпросмотр помогает заметить отсутствующий viewBox, неожиданные цвета, скрытые контуры и проблемы прозрачности.

Локальная и приватная обработка

Обработка выполняется в браузере, SVG не отправляется на сервер.

Minified Data URI, Base64 Data URI, encodeURIComponent Data URI

Когда результат готов, скопируйте код, скачайте SVG или перейдите к нужной панели экспорта.

Frequently asked questions

Создавайте SVG Data URI — что это?

Создавайте SVG Data URI. Живой предпросмотр помогает заметить отсутствующий viewBox, неожиданные цвета, скрытые контуры и проблемы прозрачности. Когда результат готов, скопируйте код, скачайте SVG или перейдите к нужной панели экспорта.

SVG загружается на сервер?

Обработка выполняется в браузере, SVG не отправляется на сервер.

Можно копировать или скачивать результат?

Когда результат готов, скопируйте код, скачайте SVG или перейдите к нужной панели экспорта.

Related SVG tools

Convert SVG to React JSX OnlineConvert SVG markup into a React JSX component online. Preview the SVG, inspect the JSX output, copy the component, and keep the work private in your browser.Convert SVG to React Native SvgXml OnlineConvert SVG markup into a React Native SvgXml component. Preview SVG online, copy the React Native snippet, and prepare assets for mobile apps.Convert SVG to PNG OnlineConvert SVG markup into a PNG preview in your browser. Paste SVG code, inspect the image, and download a PNG without uploading the source.Preview and Inspect SVG Code OnlineOpen an online SVG viewer to paste, inspect, and preview SVG markup instantly. Check viewBox, paths, colors, and transparency in a private browser workspace.Edit, Preview and Export SVG Code OnlineEdit SVG code online with syntax highlighting, live preview, local autosave, and export panels for React, React Native, PNG, and Data URI formats.