Editor di icone SVG
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
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
Imposta le dimensioni
Scegli larghezza e altezza da 32 a 256 px. La viewBox interna resta 24×24.
-
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
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
Selettore Colori Material Design
Sfoglia la palette di colori Material Design. Copia qualsiasi tonalità (da 50 a A700) in HEX, RGB o HSL con un solo tocco.
Convertitore Pantone in HEX
Converti i colori Pantone PMS nei valori HEX, RGB e CMYK più vicini per la corrispondenza su schermo e stampa, con anteprima del campione.
Convertitore da foto a disegno
Trasforma foto JPEG, PNG o WebP in disegni a grafite, matita morbida o carboncino nel browser, quindi esporta in PNG o JPEG.
Creatore di giornali
Crea una prima pagina di giornale con titoli e articoli tuoi, poi copia o scarica il testo semplice oppure usa la finestra di stampa del browser.
Creatore di provini a contatto
Disponi le foto su provini a contatto A4 o Letter con didascalie, ritaglio e anteprima, quindi scarica le pagine JPEG o un PDF.
Convertitore di formato immagine
Converti immagini in JPG, PNG o WebP direttamente nel browser, con controllo della qualità per i formati con perdita e trasparenza conservata in PNG e WebP.
Strumento disponibile in altre lingue
- Constructor de iconos SVG [ES]
- Trình dựng biểu tượng SVG [VI]
- منشئ أيقونات SVG [AR]
- SVGアイコンビルダー [JA]
- Créateur d'icônes SVG [FR]
- Construtor de ícones SVG [PT]
- SVG-ikonbyggare [SV]
- SVG 아이콘 제작기 [KO]
- Pembuat Ikon SVG [ID]
- SVG-Icon-Builder [DE]
- SVG-icoonbouwer [NL]
- เครื่องมือสร้างไอคอน SVG [TH]
- Kreator ikon SVG [PL]
- Конструктор SVG-иконок [RU]
- SVG Simge Oluşturucu [TR]
- SVG 图标构建器 [ZH]
- SVG Icon Builder [EN]