Generatore di Favicon
Crea rapidamente il markup HTML e il codice SVG per la favicon del tuo sito web inserendo emoji, colori e URL icona facoltativo.
Esegui lo strumento
Questo strumento online prepara i tag HTML necessari per integrare una favicon nelle pagine web e genera la grafica vettoriale SVG personalizzata. Puoi scegliere una qualsiasi emoji come simbolo centrale, impostare il colore di sfondo tramite codice esadecimale e definire la tinta del testo o dell'icona. Se disponi già di un percorso web per la tua risorsa grafica, puoi inserire un URL icona facoltativo: in questo caso il generatore aggiunge automaticamente due elementi di collegamento HTML con l'indirizzo formattato in sicurezza. Il campo del titolo del sito rimane disponibile nel modulo, sebbene il codice finale si concentri sulla struttura visiva e sui collegamenti essenziali della favicon. I risultati mostrano sia il frammento HTML completo, contenente il link in formato data URI SVG, sia il codice sorgente del file vettoriale da salvare o copiare direttamente nel codice sorgente del tuo progetto.
Istruzioni
- Inserisci l'emoji desiderata nel campo dedicato per impostare l'icona centrale.
- Scegli i valori colore in formato esadecimale per lo sfondo e per il testo SVG.
- Inserisci facoltativamente un URL icona se desideri includere tag link standard nel frammento HTML.
- Avvia la generazione per visualizzare il markup HTML e il codice vettoriale SVG.
- Copia i tag HTML nella sezione head del tuo sito oppure esporta il blocco SVG.
Esempi
- Configurazione con simbolo del razzo, sfondo scuro #0f172a e testo bianco #ffffff per ottenere il markup SVG moderno e i tag HTML pronti.
- Inserimento dell'indirizzo https://example.com/assets/logo.png con icona del fulmine su sfondo arancione #f97316 per creare sia i riferimenti icona tradizionali sia la favicon SVG in formato data URI.
FAQ
A cosa serve l'URL icona facoltativo?
Quando inserisci un URL, il markup HTML finale include due elementi link aggiuntivi contenenti tale percorso per collegare la risorsa grafica.
Il campo del titolo del sito influisce sul codice generato?
Il modulo accetta il titolo del sito come parametro, ma il codice HTML e la grafica SVG generati non modificano la propria struttura in base a questo testo.
Come si inserisce la favicon generata nelle pagine web?
Copia il frammento HTML generato all'interno della sezione head delle tue pagine. Il browser caricherà la grafica SVG attraverso la stringa data URI inclusa.