Favicon Generator

Genera favicon multi-formato da testo, emoji o iniziali per il tuo sito web.

Configurazione

Anteprima

64x64 (anteprima)

Scarica per dimensione

16x16
favicon
32x32
favicon
48x48
favicon
192x192
icon
512x512
icon

Tag HTML da copiare

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="192x192" href="/icon-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/icon-512x512.png">

Incolla questi tag nel <head> del tuo HTML dopo aver caricato i PNG sul server.

Tutti gli strumenti

Come utilizzare Favicon Generator

Choose your mode: text/initials or emojis

In the "Configuration" panel, select the "Text/Initials" tab to generate a favicon with 1-3 characters, or the "Emoji" tab to choose from a predefined grid of emojis.

Customize colors and fonts

Set the background color and, in text mode, select the text color and font from available options (Arial, Georgia, Courier New, Impact, Trebuchet MS, Verdana). The 64x64 preview updates in real-time.

Download PNGs in standard sizes

Download files in the sizes 16x16, 32x32, 48x48 and 192x192, 512x512.

Copy HTML tags and server-side includes

Copy the ready HTML snippet and paste it into your page's head after loading PNG files with the same name referenced in the tags.

Suggerimenti

  • Use high-contrast colors between background and text: at 16x16 pixels, similar shades become unreadable.
  • For a recognizable brand, use the initials of your site or project (e.g. "FC") instead of a generic emoji.
  • Check preview at real size in browser after deployment: some browsers display favicon with slightly different angles or light padding.

Domande frequenti

What sizes of favicon are generated?

The tool generates PNGs in five dimensions: 16x16 and 32x32 (classic favicon for address bars), 48x48 (Windows), 192x192, and 512x512 (home screen mobile and Progressive Web App icons).

Are my data or images being sent to a server?

No, all text, emojis and colors are stored on your device and PNGs are created and exported locally without uploading.

Can I use a logo or image instead of text?

This version of the tool supports only text/initials (up to 3 characters) or emojis as favicon content. For a custom logo, use an image editor to cut out a square and then manually resize it according to the specified dimensions.

Why is the text truncated to 3 characters?

A favicon is very small (16x16 or 32x32 pixels): text longer than 2-3 characters becomes illegible. To avoid this, the text field is limited to 3 characters and the font size automatically decreases based on the length entered.

How do I use downloaded files on my website?

Load PNGs downloaded to your site's root (or an assets folder) keeping file names generated, then paste the copied HTML snippet in the page's head: browsers and mobile devices will automatically choose the best size.