Editor vettoriale SVG interattivo
Editor vettoriale nel browser senza ritardi per colori, spessore del tratto, viewBox, trasformazioni, spaziatura, sfondi ed esportazione immediata in 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.
Fissa più icone personalizzate e crea un unico foglio di simboli.
Nessuna icona fissata. Fissa le icone per raccoglierle in un unico foglio.
Genera prompt AI o migliora l icona sulla tela
Scegli un preset, copia il prompt nel tuo strumento AI oppure migliora l icona sulla tela.
Editor vettoriale SVG interattivo
Editor vettoriale nel browser senza ritardi per colori, spessore del tratto, viewBox, trasformazioni, spaziatura, sfondi ed esportazione immediata in SVG/PNG.
File .svg caricati (fino a 2 MB), XML SVG incollato o ricerca diretta nel catalogo
SVG 2.0 sanificato, PNG/WebP ad alta densità, JSX/TSX, Vue, Svelte, maschera CSS
Modifica DOM non distruttiva in tempo reale con 50 livelli di annullamento e sanificazione locale
Come usare Editor vettoriale SVG interattivo
-
1
Incolla il codice SVG o carica un file per visualizzarlo sull’area di disegno.
-
2
Seleziona un livello o un nodo e regola riempimento, contorno, raggio e posizione.
-
3
Attiva griglia e calamita per un allineamento preciso al pixel.
-
4
Scarica l’SVG modificato o copia il markup ripulito.
<circle cx="24" cy="24" r="12" fill="#f59e0b"/>
<circle cx="24" cy="24" r="16" fill="#f59e0b" stroke="#24324a"/>
Limitazioni
- Il testo su tracciato (textPath) non è modificabile in questo editor.
- Il caricamento è limitato a 2 MiB per file.
- Le esportazioni da Figma devono essere in formato SVG (i PDF vengono rifiutati).
I file che apri o incolli in questo workspace vengono elaborati localmente nel tuo browser. Niente viene caricato su un server.