Converti SVG in favicon
Trasforma un logo SVG in favicon.svg, favicon.ico e tutte le dimensioni PNG, con il codice HTML per tutti i browser.
Trascina qui il tuo SVG
L’SVG originale viene mantenuto come favicon.svg; da esso vengono creati ICO e tutti i PNG.
Il tuo sito
Altra scheda
Il tuo sito
Altra scheda
Scegli un file SVG: qui compariranno tutte le dimensioni della favicon.
Come convertire un SVG in favicon
- Scegli il tuo logo SVG.
- Se vuoi, aggiungi margine, angoli o sfondo (si applicano a PNG e ICO).
- Scarica lo ZIP: contiene favicon.svg (il tuo originale), favicon.ico e tutte le dimensioni PNG.
- Carica i file nella cartella principale del sito e incolla il codice HTML, che include già la riga per l’SVG.
Perché usare una favicon SVG
- Sempre nitida. Un SVG si adatta a ogni dimensione e schermo.
- File minuscolo. Un logo semplice spesso pesa meno di 1 KB.
- Modalità scura. Con una media query
prefers-color-schemedentro l’SVG, l’icona cambia colore nel tema scuro.
Chrome, Edge, Firefox e le versioni recenti di Safari supportano le favicon SVG. I browser più vecchi cercano favicon.ico, per questo lo ZIP contiene entrambi.
Domande frequenti
Serve ancora favicon.ico se ho l’SVG?
Sì, come riserva. Nel codice HTML l’SVG viene prima, quindi i browser moderni useranno quello.
Il mio SVG risulta vuoto.
Gli SVG che caricano font o immagini esterne non possono essere disegnati. Converti il testo in tracciati e incorpora le immagini, poi riprova.