Crea un pacchetto completo di favicon a partire da un logo, un'icona o un monogramma — favicon.ico, PNG moderni, icona Apple touch, icone PWA, manifest web e snippet HTML.

Carica un logo, scegli un'icona o digita un monogramma — generiamo tutte le favicon di cui ha bisogno un sito moderno: dal classico favicon.ico all'icona Apple touch, dalle icone PWA fino a uno snippet HTML pronto da incollare.

Trascina un PNG qui o clicca per caricare
PNG trasparente consigliato · accetta anche JPG / WebP
64%
Colore di sfondo
0%
Usato dall'interfaccia del browser e dal manifest PWA.
Il tuo sito
example.com
Segnalibro · 32px
Apple touch · 180px
PWA · 512px

Il tuo pacchetto di favicon è pronto
Il download dello ZIP è iniziato. Decomprimilo nella root del tuo sito e incolla lo snippet HTML nel tuo <head>.

Informazioni su Generatore di favicon

Il Generatore di Favicon crea ogni icona di cui un sito web moderno ha bisogno a partire da un'unica fonte: carica un logo PNG, scegli un'icona a font o digita un monogramma. Il pacchetto include il classico favicon.ico (16, 32 e 48 px), favicon PNG moderni, l'Apple touch icon da 180 px, icone PWA da 192 e 512 px, un site.webmanifest e lo snippet HTML da inserire nell'head.

Lo stile è gestito nello strumento: scegli un colore di sfondo o mantieni la trasparenza, ritaglia in forma quadrata, arrotondata o circolare, regola padding e dimensione della grafica, e imposta il colore del tema usato dall'interfaccia del browser e dal manifest PWA. Un'anteprima dal vivo mostra la tua icona in contesti reali — una scheda del browser a 16 px, un segnalibro, il tile Apple touch e un'icona PWA.

Tutto viene renderizzato su un canvas nel tuo browser, e Genera assembla l'intero pacchetto in uno ZIP con un README. L'installazione richiede due passaggi: decomprimere nella radice del tuo sito e incollare lo snippet fornito nel tuo <head>.

Come usare Generatore di favicon

  1. Scegli la tua fonte: carica un logo PNG, scegli un'icona a font o digita un monogramma.
  2. Stilizzala — colore di sfondo o trasparenza, forma, padding e dimensione della grafica.
  3. Compila il nome del sito, il nome breve e il colore del tema per il manifest PWA.
  4. Controlla le anteprime: scheda del browser, segnalibro, contesti Apple touch e PWA.
  5. Clicca su "Genera favicon" e decomprimi il pacchetto nella radice del tuo sito web.
  6. Incolla lo snippet HTML dal pacchetto nell'<head> della tua pagina.

Domande frequenti

Sì — il pacchetto completo, incluso il .ico, tutte le dimensioni PNG, il manifest e lo snippet HTML, è gratuito da generare e scaricare.

favicon.ico con livelli a 16, 32 e 48 px, favicon PNG moderni, l'apple-touch-icon da 180 px, icone PWA da 192 e 512 px, un site.webmanifest, lo snippet HTML pronto da incollare e un README con i passaggi di installazione.

Sì. I browser e i crawler richiedono ancora /favicon.ico come fallback, e i client più datati vi si affidano. Il pacchetto lo include insieme ai link PNG moderni così ogni visitatore ottiene un'icona nitida.

Decomprimi l'archivio nella radice del tuo sito web così i file si trovano alla radice del dominio, poi incolla lo snippet HTML fornito nell'<head> delle tue pagine. Il README nello ZIP ripete questi passaggi.

Viene scritto nel manifest e nei meta tag, tingendo l'interfaccia del browser su mobile e la splash screen e la barra del titolo della PWA installata per farle corrispondere al tuo brand.

Sì. Digita un monogramma di una o due lettere e scegli un carattere tipografico e i colori, oppure scegli un glifo dalla libreria di icone a font — il generatore lo renderizza in ogni dimensione proprio come un logo caricato.


Ricerche popolari
generatore favicon creatore favicon.ico crea favicon online apple touch icon generatore icona pwa favicon da logo
Hai bisogno di aiuto?
Hai riscontrato un problema con questo strumento? Faccelo sapere.
Segnala un problema

Aggiungi questo strumento gratuito al tuo sito web — copia e incolla il codice qui sotto.