Editor vectorial SVG interactivo
Editor vectorial en el navegador sin demoras para colores, grosor del trazo, viewBox, transformaciones, márgenes, fondos y exportación instantánea a SVG/PNG.
Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.
Fija varios iconos personalizados y compila una hoja de símbolos única.
Todavia no hay iconos fijados. Fija iconos para reunirlos en una sola hoja.
Genera prompts de IA o mejora el icono en el lienzo
Elige un ajuste, copia el prompt en tu herramienta de IA o mejora el icono en el lienzo.
Editor vectorial SVG interactivo
Editor vectorial en el navegador sin demoras para colores, grosor del trazo, viewBox, transformaciones, márgenes, fondos y exportación instantánea a SVG/PNG.
Archivos .svg (hasta 2 MB), XML pegado o búsqueda directa en el catálogo
SVG 2.0 saneado, PNG/WebP de alta densidad, JSX/TSX, Vue, Svelte y máscara CSS
Edición DOM no destructiva en tiempo real con 50 pasos de historial y saneamiento local
Cómo usar Editor vectorial SVG interactivo
-
1
Pega código SVG o sube un archivo para cargarlo en el lienzo del editor.
-
2
Selecciona cualquier capa o nodo y ajusta relleno, trazo, radio y posición.
-
3
Activa la cuadrícula y las guías de ajuste para una alineación precisa al píxel.
-
4
Descarga el SVG editado o copia el marcado limpio.
<circle cx="24" cy="24" r="12" fill="#f59e0b"/>
<circle cx="24" cy="24" r="16" fill="#f59e0b" stroke="#24324a"/>
Limitaciones
- El texto sobre trazado (textPath) no es editable en este editor.
- Las subidas están limitadas a 2 MiB por archivo.
- Las exportaciones de Figma deben estar en formato SVG (los PDF se rechazan al analizar).
Los archivos que abres o pegas en este taller se procesan localmente en tu navegador. No se sube nada a un servidor.