SVG a URI de datos

SVG a URI de datos. Elige SVG local o pega su código. Ejecuta para ver, ampliar y descargar.

Funciones disponibles

Entrada: SVG · TXT
Salida: SVG · TXT · CSS

Cómo usar SVG a URI de datos

SVG a URI de datos. Elige SVG local o pega su código. Ejecuta para ver, ampliar y descargar.

Elige SVG local o pega su código. Ejecuta para ver, ampliar y descargar.
Usa SVG estático sin scripts, recursos externos, imágenes incrustadas, filtros ni animaciones.
Copia el resultado o descárgalo en tu dispositivo.

SVG a URI de datos · Ejemplo

Entrada

<svg xmlns="http://www.w3.org/2000/svg" width="320" height="200" viewBox="0 0 320 200">
  <rect width="320" height="200" rx="24" fill="#eef1ff"/>
  <circle cx="100" cy="100" r="58" fill="#5265d8"/>
  <path d="M172 140 L222 54 L272 140 Z" fill="#e98367"/>
</svg>

Salida

data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22200%22%20viewBox%3D%220%200%20320%20200%22%3E%0A%20%20%3Crect%20width%3D%22320%22%20height%3D%22200%22%20rx%3D%2224%22%20fill%3D%22%23eef1ff%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%2258%22%20fill%3D%22%235265d8%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M172%20140%20L222%2054%20L272%20140%20Z%22%20fill%3D%22%23e98367%22%2F%3E%0A%3C%2Fsvg%3E

Notas de uso

Los archivos y las entradas se procesan en este navegador. Sin subidas ni cuentas.

SVG limitado: formas, texto y degradados. No admite patrones, máscaras ni marcadores.

SVG se muestra como imagen. El código no se inserta en el documento de la aplicación.

Usa SVG estático sin scripts, recursos externos, imágenes incrustadas, filtros ni animaciones.