Generatore HTML favicon
La favicon è solo metà del lavoro — sono i tag link nell'HTML a decidere quale file usa ciascun browser. Genera il set completo e corretto con un clic.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Una configurazione favicon completa include tag per favicon.ico, una variante SVG, apple-touch-icon e le icone del manifest PWA. Tralasciarne uno significa mostrare un'icona generica su almeno una piattaforma.
Genera i tag qui, incollali nel <head> e hai finito.
Come funziona
- 1
Genera la tua favicon
Usa il generatore per produrre .ico + PNG + SVG.
- 2
Copia i tag
Incolla il blocco <link> generato nel tuo <head>.
- 3
Verifica
Apri il sito in Chrome, Safari, Firefox e Edge — tutti devono mostrare l'icona.
Provalo ora
Ottieni i tag HTML
Generatore di FaviconFAQ
Qual è il tag più importante?+
<link rel="icon" href="/favicon.ico"> — è il fallback universale.
Serve un manifest.json?+
Solo se vuoi una vera esperienza di installazione PWA. Altrimenti è facoltativo.
Dove va apple-touch-icon?+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">.