Generatore di favicon

Crea pacchetti favicon completi per i siti web
  • I file non lasciano il dispositivo
  • Funziona nel browser
  • Gratis, senza account, senza filigrana

Artwork

Preview

Light
F
Dark
F

Actual pixels

16
32
48
16
32
48

Zoomed 16 px

Home screen

F

Files

  • Rendering icons…

Paste into <head>

Upload the files to your site, then add these tags.

Come usare Generatore di favicon

Crea una favicon senza un programma di grafica: scrivi qualche lettera, scegli un'emoji o un'icona da otto raccolte open source, poi imposta sfondo e forma. Ottieni il pacchetto completo (ICO, PNG, SVG, icone Apple e Android, manifest) creato nel browser.

  1. 1

    Sotto Grafica, scegli Lettere, Emoji o Icona.

  2. 2

    Scrivi da una a tre lettere e scegli Font e Peso, scrivi o scegli un'emoji (Sfoglia tutte le emoji apre l'elenco completo) oppure cerca un'icona come rocket o cloud e fai clic.

  3. 3

    In Primo piano, imposta Colore e Dimensione; in Stile icona, scegli Sfondo, Forma, Raggio degli angoli e Riempimento.

  4. 4

    Compila i Dettagli del sito e le dimensioni di Output, controllando le anteprime delle schede chiara e scura e l'anteprima della schermata Home.

  5. 5

    Fai clic su Scarica pacchetto (ZIP), carica i file sul sito e copia i tag da Incolla in <head> nella pagina.

Domande frequenti

Viene inviato qualcosa a un server?

No. Le icone vengono disegnate nel browser. Le raccolte di icone vengono caricate da XTools solo quando le apri o le cerchi, quindi la prima volta che usi una raccolta ti serve una connessione.

Quali raccolte di icone sono incluse?

Lucide, Tabler, Material Design, Phosphor, Remix Icon, Carbon, Heroicons e Font Awesome Brands. Lucide si carica per primo; durante la ricerca, Cerca in tutte le 8 raccolte scarica le altre una sola volta (circa 13 MB).

Posso usare le icone su un sito commerciale?

Ogni raccolta mantiene la propria licenza open source, quindi controllala prima di usare un'icona come logo. Font Awesome Brands sono i loghi di altre aziende e non vanno usati come marchio proprio.

Perché la mia emoji appare diversa su un altro computer?

Emoji e lettere vengono disegnate con i font del dispositivo, quindi i file PNG e ICO mostrano lo stile emoji del sistema. favicon.svg le conserva come testo, così il browser di ogni visitatore le disegna con i propri font.

Quante lettere posso usare?

Da una a tre funziona meglio; il campo accetta fino a quattro caratteri. Un testo più lungo si riduce per entrare nell'icona e funzionano anche i caratteri cinesi o giapponesi.

La favicon può avere uno sfondo trasparente?

Sì, imposta Sfondo su Nessuno. L'icona Apple touch e l'icona maskable restano comunque un quadrato bianco, perché le schermate Home non mostrano la trasparenza.