Guida

Favicon (.ico) vs SVG

SVG è il formato favicon più interessante dell'era moderna — vettoriale, adattabile alla dark mode e leggerissimo. Ma nel 2026 non può ancora sostituire del tutto .ico. Ecco perché, e come usarli insieme.

SVG scala all'infinito e supporta media query per la dark mode all'interno del file stesso. Un SVG da 1 KB copre ogni densità su ogni browser moderno.

ICO resta il fallback universale. Le vecchie versioni di Safari, i browser legacy e la convenzione del percorso <code>/favicon.ico</code> dipendono ancora da esso.

Il setup consigliato: pubblica <code>favicon.ico</code> + <code>favicon.svg</code>. I browser che supportano SVG lo preferiranno; gli altri torneranno al .ico automaticamente.

Come funziona

  1. 1

    Crea o esporta un SVG

    ViewBox quadrato, un unico elemento <svg> come root.

  2. 2

    Genera il fallback .ico

    Usa FetchFavicon per rasterizzare il tuo SVG in un .ico multi-risoluzione.

  3. 3

    Collegali entrambi

    <link rel="icon" href="/favicon.ico"> + <link rel="icon" type="image/svg+xml" href="/favicon.svg">.

Provalo ora

Genera la coppia .ico + SVG

Convertitore SVG in PNG

FAQ

Posso eliminare .ico se uso SVG?+

Non in sicurezza. Molti embed social, reader RSS e strumenti legacy cercano ancora /favicon.ico per convenzione.

Quali browser supportano la favicon SVG?+

Chrome 80+, Edge 80+, Firefox 41+, Safari 15+ e Brave. iOS Safari preferisce comunque l'apple-touch-icon PNG.

Quanto può pesare poco una favicon SVG?+

Meno di 1 KB per un marchio monocromatico pulito. Anche loghi multicolore complessi raramente superano i 4 KB.

Strumenti correlati

Altre guide

Guide

Esplora FetchFavicon

Categorie

Convertitori

Utilità

Guide

Tutorial