Componi un’icona di sito da una o due lettere

Piccoli marchi e creatori di siti possono preparare un’icona nitida prima del lancio senza aprire un programma grafico completo.

Componi un’icona di sito da una o due lettere. Il risultato è utile da subito mentre i dati inseriti restano su questo dispositivo.

Come si usa

Inserisci una o due lettere che rappresenteranno il tuo sito nell'icona.
Scegli un colore di sfondo, poi imposta facoltativamente un colore del testo.
Avvia il generatore per creare un'icona SVG.
Copia o scarica l'SVG e inseriscilo nei file del tuo sito.

Esempio

Un caso semplice è usare le iniziali di un marchio con uno sfondo luminoso e testo chiaro. Dopo la generazione, apri l'SVG per controllare che le lettere siano centrate e che il risultato resti leggibile in una piccola scheda del browser.

Input

YT
#0b57b7
#ffffff

Limiti e formati

Lo strumento non sostituisce un'applicazione grafica per loghi complessi.
È limitato a una o due lettere e colori semplici, senza forme avanzate o sfumature.
Le favicon SVG potrebbero non essere supportate da tutti i browser o contesti di visualizzazione.
Prova il rendering a dimensioni ridotte prima di pubblicarlo su un sito di produzione.

Dove avviene il trattamento

La composizione dell'icona avviene nel tuo browser. Le lettere e i colori che inserisci non vengono inviati a un servizio esterno. Puoi preparare una favicon senza trasmettere le tue scelte di design.

Domande frequenti

Posso usare più di due lettere?

Lo strumento è pensato per una o due lettere per mantenere leggibile l'icona. Se inserisci più caratteri, il risultato può apparire troppo affollato. Per un logo più dettagliato, usa un editor grafico dedicato.

Il file SVG è pronto all'uso?

Sì, il risultato è un SVG che puoi copiare o scaricare. Aggiungilo al tuo progetto e richiamalo nel codice del sito. Poi controlla come appare in un browser e in una scheda ridotta.

Posso scegliere un colore esatto?

Puoi impostare un colore di sfondo e, se necessario, un colore del testo. Usa un valore esadecimale riconosciuto. Dopo la generazione, controlla il contrasto affinché le lettere restino visibili sullo sfondo.