SVG Render

Convertidor SVG Data URI

Convierte SVG a Data URI, Base64 y URI codificada en línea

Genera Data URI SVG. La vista previa en vivo ayuda a detectar viewBox ausente, colores inesperados, trazos ocultos o problemas de transparencia.

Convertir SVG a Data URIEl panel URI muestra los tres formatos.
Genera Data URI SVG. La vista previa en vivo ayuda a detectar viewBox ausente, colores inesperados, trazos ocultos o problemas de transparencia.
La vista previa en vivo ayuda a detectar viewBox ausente, colores inesperados, trazos ocultos o problemas de transparencia.
Cuando el resultado esté listo, copia el código, descarga el SVG o cambia al panel de exportación que necesites.
SVG Code
XML

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

1

Pega el código SVG y abre el panel de salida correspondiente.

2

La vista previa en vivo ayuda a detectar viewBox ausente, colores inesperados, trazos ocultos o problemas de transparencia.

3

Cuando el resultado esté listo, copia el código, descarga el SVG o cambia al panel de exportación que necesites.

Genera Data URI SVG

Genera Data URI SVG. La vista previa en vivo ayuda a detectar viewBox ausente, colores inesperados, trazos ocultos o problemas de transparencia.

Procesamiento local y privado

La operación se ejecuta en tu navegador y no sube el SVG al servidor.

Minified Data URI, Base64 Data URI, encodeURIComponent Data URI

Cuando el resultado esté listo, copia el código, descarga el SVG o cambia al panel de exportación que necesites.

Frequently asked questions

Genera Data URI SVG?

Genera Data URI SVG. La vista previa en vivo ayuda a detectar viewBox ausente, colores inesperados, trazos ocultos o problemas de transparencia. Cuando el resultado esté listo, copia el código, descarga el SVG o cambia al panel de exportación que necesites.

¿Se sube mi SVG?

La operación se ejecuta en tu navegador y no sube el SVG al servidor.

¿Puedo copiar o descargar el resultado?

Cuando el resultado esté listo, copia el código, descarga el SVG o cambia al panel de exportación que necesites.

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.