Generatore di sprite di icone SVG

Combina icone SVG in un unico sprite di simboli con ID distinti e riutilizzabili.

Sul tuo dispositivo · Senza account

Generatore di sprite di icone SVG elabora i dati inseriti in questo browser. Dati inseriti e risultati sono esclusi dalle analisi statistiche. Gli strumenti recenti memorizzano i nomi degli strumenti, il numero di visite e la data e l'ora dell'ultima visita. Gli strumenti salvati memorizzano solo i nomi. Il salvataggio delle bozze è facoltativo e avviene su questo dispositivo; elimina il testo salvato con i comandi della bozza. Caricare testo da un URL è facoltativo e contatta il relativo server, che può vedere l'URL e il tuo indirizzo IP. L'azione facoltativa “Usa in” conserva in questa scheda i dati da passare allo strumento successivo. Lo strumento successivo li rimuove all'apertura e li ignora se è trascorso più di un minuto.

“Copia link” include nell'indirizzo i dati che scegli di condividere. Chiunque abbia il link può riaprirli. File e risultati generati sono esclusi. Gli strumenti per password e chiavi condividono solo le impostazioni.

Italiano

SVG separati da una riga contenente ---

Risultato

Enter your values.

Altro

Scorciatoie da tastiera

Link e ripristino

I link includono i dati inseriti e le impostazioni. Chiunque abbia il link può vederli, quindi non inserire testi privati. I file e i risultati generati sono esclusi; le estrazioni casuali vengono ripetute.

Il ripristino ricarica lo strumento con i valori iniziali e rilascia i file aperti e il controllo dei dispositivi. Le bozze salvate restano su questo dispositivo finché non le elimini.

Come creare uno sprite di icone SVG

Separa i documenti SVG con una riga contenente tre trattini. Ogni icona diventa un simbolo chiamato icon-1, icon-2 e così via. Agli ID interni e ai riferimenti locali vengono aggiunti prefissi per evitare conflitti tra gradienti e tracciati di ritaglio.

Successivo: Selettore colore da immagine

Esempio

Due SVG in ingresso diventano simboli chiamati icon-1 e icon-2. Usa un elemento SVG use che punti a #icon-1 per mostrare la prima icona.

Prima di usare il risultato

Sono supportati solo SVG autonomi con un viewBox oppure larghezza e altezza numeriche. Contenuti attivi, fogli di stile e risorse esterne vengono rifiutati. Controlla lo sprite esportato nell'applicazione in cui verrà usato.

Successivo: Ridimensiona immagini

Aggiornato 7 ottobre 2026

Cita questa pagina

Stile di citazione

ToolOctopus. “Generatore di sprite di icone SVG.” Aggiornato 7 ottobre 2026. https://tooloctopus.com/it/generatore-di-sprite-di-icone-svg.

Aggiungi la data di consultazione se le istruzioni che segui la richiedono.

Le citazioni sono formattate con citeproc-js di Frank Bennett e gli stili Citation Style Language. Licenza e codice sorgente.