SVG Viewer & Editor
Paste SVG code and preview it instantly with zoom controls.
Informazioni su questo strumento
Incolla il markup SVG e vedi istantaneamente come viene renderizzato in un canvas del browser. SVG è un formato vettoriale basato su XML che scala perfettamente a qualsiasi dimensione dello schermo.
Le modalità di sfondo (scacchiera, bianco, nero) aiutano a giudicare le aree trasparenti e il contrasto dei colori.
Come usare
- Incolla o digita il codice SVG nella scheda Editor.
- Passa alla scheda Anteprima per vedere il risultato renderizzato.
- Regola lo zoom e lo sfondo per un'ispezione più facile.
- Clicca su Copia SVG o Scarica SVG quando sei pronto.
Casi d'uso
I designer verificano le esportazioni SVG da Figma o Illustrator. Gli sviluppatori eseguono il debug del markup SVG inline. Gli ingegneri frontend confermano le aree trasparenti con lo sfondo a scacchiera.
Domande frequenti
- Il mio codice SVG viene inviato a un server? — No. L'anteprima viene renderizzata interamente nel tuo browser. Nulla viene caricato o memorizzato.
- Perché il mio SVG appare vuoto? — Controlla che l'elemento radice <svg> abbia un viewBox o width/height espliciti, e che i colori di riempimento differiscano dallo sfondo.
- Posso modificare e ri-scaricare? — Sì. Modifica nella scheda Editor, verifica in Anteprima, poi clicca su Scarica SVG.