Editor di icone SVG

x-init="restore()" >

Crea una semplice icona SVG senza inviare il progetto altrove. Scegli uno dei dodici simboli inclusi e regola dimensione di uscita, spessore e colore del tratto, riempimento, sfondo e raggio degli angoli. Il file finale usa una viewBox fissa di 24×24. Puoi copiarne il codice SVG o scaricare il file.

Crea un'icona in quattro passaggi

  1. 1

    Scegli un simbolo

    Cuore, stella, segno di spunta, croce, cerchio, quadrato, triangolo, freccia, fulmine, luna, sole o campana. Sono modelli fissi, non una tela per il disegno libero.

  2. 2

    Imposta le dimensioni

    Scegli larghezza e altezza da 32 a 256 px. La viewBox interna resta 24×24.

  3. 3

    Definisci lo stile

    Regola il tratto da 0,5 a 6, scegli il colore, nessun riempimento, currentColor o il colore del tratto, poi sfondo e raggio.

  4. 4

    Copia o scarica

    Copia il codice SVG negli appunti oppure scarica il file. Il download usa il nome del simbolo, per esempio heart.svg.

Cosa produce questo strumento

L’esportazione contiene un SVG 24×24, un rettangolo di sfondo e un simbolo predefinito. È utile per un mockup, una piccola interfaccia o un prototipo. Non importa disegni, non modifica punti di un tracciato, non aggiunge testo e non genera icone personalizzate da una richiesta.

Riempimento, uso e privacy

Scegli Nessuno per un contorno. currentColor fa seguire il riempimento alla proprietà CSS color del genitore quando l’SVG è in linea. Il rettangolo di sfondo è sempre nell’esportazione. Incolla il codice in HTML o in un componente SVG. L’icona viene generata nel browser e le impostazioni non sono inviate al nostro server. Nel flusso in due passaggi restano nel session storage di questa scheda fino a un nuovo avvio o alla fine della sessione.

Domande frequenti

No. Questo strumento applica stili a dodici simboli inclusi. Usa un editor di tracciati SVG per disegnare o modificare comandi di percorso.

No. Ogni esportazione usa una viewBox 24×24. Puoi cambiare solo larghezza e altezza da 32 a 256 px.

È sempre incluso un rettangolo di sfondo. Scegli colore e raggio prima del download oppure modifica l’SVG in seguito se serve trasparenza.

No. L’SVG viene generato nel browser e le impostazioni non sono inviate al nostro server.

Strumenti correlati

Strumento disponibile in altre lingue