SVG a componente de Vue

Convierte cualquier SVG en un componente de archivo único de Vue 3.

o suelta un archivo / pega código abajo

La salida es un SFC de Vue 3 con script-setup; los atributos se propagan al SVG raíz.

SFC de Vue 3
La salida aparece aquí

Cómo funciona

  1. 1Pega código SVG o suelta un archivo .svg.
  2. 2La herramienta lo envuelve en un SFC de Vue 3 con propagación de atributos.
  3. 3Copia el contenido del archivo .vue a tu proyecto.

Gratis, sin registro y sin marcas de agua: todo se ejecuta localmente en tu navegador, así que tus archivos nunca salen de tu equipo.

Preguntas frecuentes

¿Vue 2 o Vue 3?

La salida apunta a SFC de Vue 3 con script-setup, que también funcionan en proyectos con Vue 2.7.

Herramientas relacionadas