Anteprime fedeli al pixel
Ogni anteprima è renderizzata alla sua dimensione reale, da 16 a 256 pixel, più una vista 16×16 ingrandita. Quello che vedi è esattamente ciò che mostrano i browser.
16
24
32
48
64
Generatore di favicon: crea una favicon online gratis, con SVG, PNG, ICO e icone per app
Generatore di favicon
Progetta la tua favicon
Scegli un punto di partenza, modifica finché non ti convince e guarda ogni dimensione aggiornarsi in tempo reale. Poi scarica SVG, PNG, ICO e icone per app.
Testo
Uno o due caratteri funzionano meglio alle dimensioni piccole.
Font
Peso
Spaziatura lettere0
Caricamento…
Parti da un modello
20 stiliAnteprime a grandezza reale
16×16, ingrandita 6×La dimensione che decide il successo di una favicon. Se la forma si legge qui, si legge ovunque.
Nel mondo reale
Il mio sito
Nuova scheda
yoursite.com
Esporta
.ico, SVG, PNG da 16–512px, icone Apple e Android e un web manifest
Codice di installazione
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Estrai nella cartella root del sito, poi incolla questo dentro il <head>.
Perché FavMint
Pensato per la tela più piccola del web
Una favicon è una prima impressione di 16 pixel. FavMint ti dà i controlli per progettarla bene e le anteprime per dimostrare che funziona.
Guardala dove vivrà
Schede chiare e scure, un risultato di ricerca e la schermata home di un telefono. Scopri i problemi prima dei tuoi visitatori.
FavMint — Studio favicon
Lettere, icone, simboli
Scrivi una lettera o le tue iniziali in 12 font selezionati, scegli tra oltre 2.100 icone open source o parti da 20 simboli pensati per le dimensioni minime.
Tutti i controlli, zero confusione
Sfumature, rotazione, bordi, margini, opacità, ombre e posizionamento preciso, raccolti in quattro semplici schede.
Privato per scelta
Niente registrazione, niente caricamenti, niente pixel di tracciamento nei tuoi file. Tutto viene generato nel tuo browser.
Il pacchetto completo in un clic
Un .ico multi-dimensione, un SVG nitido, icone Apple e Android, un web manifest e l'HTML esatto da incollare. Il testo viene convertito in tracciati vettoriali, così il tuo SVG appare identico ovunque.
- favicon.ico
- favicon.svg
- favicon-32x32.png
- apple-touch-icon.png
- android-chrome-512x512.png
- site.webmanifest
Annulla, remixa, condividi
Cronologia completa per annullare, un pulsante Sorprendimi per nuove idee e link di condivisione che salvano il design direttamente nell'URL.
Crea logo
Trasforma la tua favicon in un logo coordinato
Loghi testuali, lettermark, monogrammi e combinazioni icona + nome. Porta con te la favicon, scegli un layout ed esporta un SVG pulito.
Mintly
AKATELIER KAI
north
La guida al generatore di favicon
Un generatore di favicon gratis pensato per la tela più piccola del web
FavMint è un generatore di favicon gratis e un editor di favicon che funziona interamente nel tuo browser. Puoi creare una favicon online in un paio di minuti, a partire da una lettera, dalle tue iniziali, da un'icona o da un simbolo, e scaricare tutti i file di cui ha bisogno un sito moderno: SVG, PNG, ICO, icone Apple touch, icone per app Android e un web manifest. Nessun account da creare, nessuna filigrana, e nulla viene caricato su un server. Quando hai finito, lo stesso design passa al nostro creatore di loghi gratis, così favicon e logo sono coordinati fin dal primo giorno.
Cos'è una favicon e perché è importante?
Una favicon è la piccola icona del sito che compare nelle schede del browser, nei preferiti, nella cronologia, nei risultati di ricerca e sulla schermata home del telefono quando qualcuno salva il tuo sito. Spesso è il primo elemento del tuo brand che un visitatore vede, ed è mostrata a soli 16 o 32 pixel. Un'icona sfocata o generica fa sembrare il sito incompiuto e rende la tua scheda difficile da trovare tra decine di altre. Una favicon chiara e riconoscibile fa l'opposto: rafforza il brand ogni volta che qualcuno cambia scheda e aiuta il tuo risultato a distinguersi nella ricerca, dove Google mostra la favicon accanto al titolo della pagina.
Come creare una favicon online in quattro passaggi
- 1
Scegli un punto di partenza
Scrivi una lettera o le tue iniziali, cerca tra oltre 2.100 icone open source, scegli uno dei 20 simboli o parti da un modello.
- 2
Definisci lo stile
Scegli una forma di sfondo, un riempimento pieno o sfumato e un font, poi regola dimensione, rotazione, margine, bordo e ombra.
- 3
Controlla a grandezza reale
Guarda le anteprime in tempo reale da 16 a 256 pixel, ingrandisci la griglia 16×16 e vedi la tua icona nelle schede del browser, nei risultati di ricerca e sulla schermata home di un telefono.
- 4
Scarica e installa
Esporta un SVG, i PNG o il pacchetto completo, metti i file nella root del sito e incolla l'HTML già pronto.
Ogni modifica si aggiorna all'istante e il tuo lavoro viene salvato automaticamente nel browser. Annulla e ripeti illimitati, un pulsante Sorprendimi per nuove idee e link di condivisione che salvano l'intero design nell'URL ti permettono di sperimentare senza perdere una versione che ti piaceva.
Un editor di favicon pensato per le dimensioni minime
La maggior parte dei generatori di icone si limita a rimpicciolire un'immagine grande e sperare per il meglio. FavMint fa il contrario. Ogni anteprima è renderizzata alla sua vera dimensione in pixel, quindi ciò che vedi è esattamente ciò che mostrerà il browser. Una vista 16×16 ingrandita rivela se i tratti sottili spariscono o le lettere si confondono, e gli avvisi di leggibilità ti segnalano contrasto basso, troppi caratteri o glifi mancanti prima che se ne accorgano i visitatori. Hai otto forme di sfondo, tra cui squircle, cerchio, esagono, scudo e foglia, riempimenti pieni e sfumature lineari e radiali, 12 font selezionati e un controllo preciso di posizione e spaziature.
Generatore di favicon con esportazione SVG, PNG e ICO
Ogni browser e dispositivo cerca un file diverso, quindi FavMint li esporta tutti. Come generatore di favicon con output SVG, converte il testo in tracciati vettoriali prima dell'esportazione: la tua favicon SVG appare identica su ogni computer, anche dove il font scelto non è installato. Con un clic scarichi un pacchetto ZIP pronto all'uso che contiene:
favicon.icoicona multi-dimensione da 16, 32 e 48 px per browser meno recenti e Windowsfavicon.svguna favicon vettoriale scalabile, nitida su qualsiasi schermoapple-touch-icon.pngicona 180×180 per la schermata home di iPhone e iPadandroid-chrome-192x192.png e 512×512icone per Android e per le progressive web appsite.webmanifestil manifest che indica ai telefoni quale icona dell'app usareEsportazioni PNG11 dimensioni da 16 a 1024 pixel, per store di app, profili social e documentazione
Il pacchetto include anche un README e i tag HTML esatti da incollare nel <head> della pagina. Carica i file nella root del sito, aggiungi i tag e la tua favicon funziona su Chrome, Safari, Firefox, Edge, iOS e Android.
Generatore di icone per app e creatore di icone per siti in uno
Lo stesso design che funziona a 16 pixel deve essere bello anche a 512 o 1024. FavMint è anche un generatore di icone per app: esporta PNG ad alta risoluzione per una progressive web app, una scheda su uno store, un'estensione del browser, un workspace Discord o Slack, o un'immagine del profilo sui social. Poiché tutto viene disegnato prima in vettoriale, ogni dimensione è renderizzata nitida invece di essere scalata da una sola bitmap. Che tu abbia bisogno dell'icona per un nuovo progetto o di un set di icone coerente per un prodotto esistente, progetti una volta ed esporti ovunque.
Un creatore di loghi gratis coordinato con la tua favicon
Una favicon raramente vive da sola. Il creatore di loghi FavMint è un creatore di loghi online gratis che riprende la favicon appena progettata e la trasforma in un logo completo per il tuo brand. Scegli un logotipo, un lettermark, un monogramma o un layout icona + nome, scrivi il nome del tuo brand ed esporta un SVG o un PNG pulito a 1×, 2× o 4×. È un semplice creatore di loghi personalizzati per startup, sviluppatori indipendenti, creator e piccole imprese che vogliono un aspetto professionale senza ingaggiare un grafico né pagare un abbonamento. Come il resto di FavMint, il creatore di loghi è gratis e online, senza registrazione e senza filigrana.
Privato, veloce e gratis
FavMint non ha un backend. Rendering, conversione PNG, codifica ICO e creazione dello ZIP avvengono sul tuo dispositivo, quindi i tuoi design non vengono mai caricati né salvati sui nostri server. Questo rende anche lo strumento veloce: nessuna coda, nessuna attesa della risposta di un server. Le icone provengono dal set open source Lucide (licenza ISC) e i font usano la SIL Open Font License, quindi tutto ciò che crei è tuo, anche per progetti commerciali.
Consigli per una favicon che si fa notare
- Limitati a uno o due caratteri o a un solo simbolo deciso. I dettagli spariscono a 16 pixel.
- Usa un contrasto forte tra simbolo e sfondo, così si legge sia nelle schede chiare sia in quelle scure.
- Riempi lo spazio. Un margine ridotto rende l'icona sicura invece che smarrita.
- Usa i colori del tuo brand, così favicon, icona dell'app e logo sembrano della stessa famiglia.
- Controlla l'anteprima 16×16. Se si legge lì, si legge ovunque.
Pronto a provare? Apri il generatore di favicon qui sopra e crea la tua favicon online in pochi minuti, gratis.
Prezzi
Gratis. Davvero gratis.
Tutto gira sul tuo dispositivo, quindi non ci sono server da pagare né nulla da nascondere dietro un paywall.
Gratis
0 €per sempre
Lo studio completo. Nessun account, nessuna filigrana, nessuna fregatura.
- Favicon e loghi illimitati
- Pacchetto completo: ICO, SVG, PNG, icone Apple e Android
- Oltre 2.100 icone, 12 font, 20 simboli, 20 modelli
- Uso commerciale: i file sono tuoi
- Funziona interamente nel tuo browser
Sostenitore
Scegli tuuna tantum
Stesso strumento, stesse funzioni. Contribuisci a mantenere FavMint gratis e senza pubblicità.
- Tutto il piano Gratis
- Il nostro sincero grazie
- Aiuta a finanziare nuovi font, icone e forme
FAQ
Domande su favicon e loghi, con risposta
Tutto quello che devi sapere per creare, dimensionare e installare una favicon, e per progettare un logo che duri nel tempo.
Le basi della favicon
Una favicon (da “favorite icon”, icona preferita) è la piccola icona quadrata che rappresenta un sito web. I browser la mostrano nelle schede, nei preferiti e nella cronologia, Google la mostra accanto ai risultati di ricerca e i telefoni la usano quando qualcuno aggiunge il tuo sito alla schermata home.
In un sito, la favicon è un piccolo file immagine, come favicon.ico, favicon.svg o un PNG, a cui la pagina rimanda con un tag link rel="icon" nell'head HTML. Il browser lo scarica e lo mostra ovunque il sito venga identificato, così i visitatori riconoscono il tuo sito a colpo d'occhio tra le schede aperte.
Parti da qualcosa che si legga a 16 pixel: una o due lettere, le tue iniziali o un solo simbolo deciso. In FavMint, scrivi una lettera o scegli una delle oltre 2.100 icone, imposta forma di sfondo e colori, controlla il risultato nell'anteprima 16×16 in tempo reale e scarica i file. Senza software di grafica e senza registrazione.
Usa un generatore di favicon come FavMint: progetta l'icona nel browser ed esporta il pacchetto completo con un clic. Crea favicon.ico, favicon.svg, PNG in 11 dimensioni, icone Apple touch e Android, un web manifest e l'HTML da incollare nel sito, tutto generato sul tuo dispositivo.
Usa l'SVG come favicon principale, perché resta nitido a ogni dimensione, più un favicon.ico (16, 32 e 48 px) come fallback per i browser meno recenti e Windows. Aggiungi un PNG apple-touch-icon da 180×180 per iPhone e PNG da 192×192 e 512×512 per Android. Il pacchetto di FavMint li include tutti.
Sì. Tutti i browser moderni supportano le favicon PNG. Collegale con un tag rel="icon" che indichi type="image/png" e la dimensione, ad esempio sizes="32x32". Il PNG è obbligatorio anche per le icone Apple touch e Android. Per la massima compatibilità, abbina i PNG a un SVG e a un favicon.ico.
Le schede del browser mostrano le favicon a 16×16 e 32×32 pixel, quindi progetta prima per queste dimensioni. Prevedi anche 48×48 dentro il favicon.ico, 180×180 per l'Apple touch icon e 192×192 e 512×512 per Android e i manifest delle web app. Una favicon SVG copre ogni dimensione con un solo file.
Carica i file della favicon nella cartella root del sito, poi aggiungi i tag link nell'head di ogni pagina: un tag rel="icon" per favicon.ico, un altro per favicon.svg e un tag rel="apple-touch-icon" per apple-touch-icon.png. FavMint ti dà questo codice pronto da copiare. Forza il ricaricamento della pagina se la vecchia icona è in cache.
Progettare un logo
Scegli prima uno stile: un logotipo (il tuo nome in un font distintivo), un lettermark (iniziali), un monogramma o un'icona accanto al nome. Poi scegli uno o due colori e un font leggibile. Il creatore di loghi gratis di FavMint costruisce tutti e quattro i layout a partire dalla tua favicon, così logo e icona del sito sono coordinati, ed esporta SVG e PNG.
Chiarisci cosa deve trasmettere il tuo brand, mantieni il design semplice e limitati a uno o due font e a una piccola palette di colori. Abbozza diverse direzioni, provale in bianco e nero e a piccole dimensioni, e chiedi opinioni sincere. Conserva sempre una versione master vettoriale (SVG) perché si adatti bene ovunque.
Un logo di successo è semplice, memorabile e distintivo. Resta leggibile da una favicon di 16 px a un cartellone, funziona in un solo colore, si adatta al pubblico e al settore e resta attuale per anni invece di inseguire le mode. Usato con coerenza, diventa riconoscibile all'istante.
Usare FavMint
Sì. Il generatore di favicon, tutti i formati di esportazione e il creatore di loghi sono gratis, senza filigrana, senza limiti e senza registrazione.
No. Apri lo studio e inizia a progettare. Il tuo lavoro viene salvato automaticamente nel browser e puoi copiare un link di condivisione per riprenderlo ovunque.
No. Rendering, conversione PNG, file .ico e pacchetto ZIP vengono creati tutti sul tuo dispositivo. Nulla viene inviato a un server.
Il pacchetto copre tutti i browser e i dispositivi moderni: favicon.ico per la compatibilità con i sistemi meno recenti, favicon.svg per una scalabilità nitida, apple-touch-icon.png per la schermata home dell'iPhone, icone Android e un web manifest. Copia la cartella nella root del sito e incolla il codice di installazione.
Sì. FavMint è un generatore di favicon con output SVG: scarica un singolo favicon.svg scalabile, copia il codice SVG o trovalo nel pacchetto completo insieme ai file PNG e ICO.
Sì. Il pacchetto include un Apple touch icon da 180×180, icone Android da 192×192 e 512×512 e un web manifest, quindi lo stesso design funziona come icona dell'app sulla schermata home di iPhone e Android.
Sì. Tutto ciò che crei è tuo. Le icone provengono da Lucide (licenza ISC) e i font sono open source (SIL Open Font License), entrambi adatti all'uso commerciale.
Non succede. FavMint converte il testo in tracciati vettoriali prima dell'esportazione, quindi il tuo SVG appare identico su ogni computer, anche senza il font installato.
Uno o due caratteri o un solo simbolo deciso, contrasto forte e una forma semplice. Usa la lente 16×16: se si legge lì, si legge ovunque.
Il tuo sito merita una scheda migliore
Due minuti, zero registrazioni, tutti i file che ti servono.