Free favicon generator — turn an image, letter or emoji into a favicon.ico and PNG icon set in your browser

1–2 characters work best at favicon size.

16px
32px
48px
64px
Your Site — tab preview
<link rel="icon" href="/favicon.ico" sizes="any">
<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="180x180" href="/apple-touch-icon.png">

🌟 Favicon Generator — Free Online Tool

Create a favicon.ico and PNG icon set online, free. A favicon is the small site icon shown in browser tabs, bookmarks and history, declared with a <link rel="icon"> tag. This generator turns an uploaded image — or a letter/emoji you style in the browser — into a multi-resolution favicon.ico plus the PNG icons modern browsers and mobile devices expect, with nothing uploaded to a server.

🚀 Why use this Favicon Generator tool?

It builds a real multi-size favicon.ico (16, 32 and 48 px embedded together) entirely in your browser, alongside the Apple touch and Android PNGs and the exact <head> HTML to paste in. 100% free, no registration, and complete privacy — everything runs locally in your browser, so your data never touches a server.

Key Features

🖼️Image or text source

Upload a PNG, JPG or SVG, or design from scratch with a letter/emoji on a colored, optionally rounded background.

📦Multi-size .ico

Generates a single favicon.ico containing the 16, 32 and 48 px images so browsers pick the sharpest one — encoded in your browser, no server.

📱Full PNG set

Exports favicon-16/32, apple-touch-icon (180), and android-chrome 192 & 512 PNGs for desktop tabs, iOS and Android home screens.

🔒100% private

Your image or text is processed locally with HTML canvas and never leaves your device.

Popular Use Cases

New sites & apps

  • Add a tab icon fast
  • PWA / mobile icons
  • Brand a static landing page

Prototyping

  • Letter or emoji placeholder
  • Quick color-tested mark
  • Throwaway demo icons

Migration

  • Re-export an old logo as .ico
  • Refresh Apple/Android icons
  • Standardise the icon set

What It Handles

Input

  • PNG / JPG / SVG / WebP
  • Letter or emoji
  • Custom colors

Output

  • favicon.ico (16·32·48)
  • 16/32 px PNG
  • Apple 180 + Android 192/512

Workflow

  • Live preview + tab mock
  • Copyable <head> HTML
  • Runs offline

Sources & References

Frequently Asked Questions

What sizes are inside the favicon.ico?

The downloaded favicon.ico embeds the 16×16, 32×32 and 48×48 images in a single file, so each browser context can pick the crispest resolution. The icons are stored as PNG payloads inside the ICO container, which every modern browser supports.

Do I still need the separate PNG files?

Yes, for the best coverage. favicon.ico covers classic desktop tabs and bookmarks; the apple-touch-icon (180 px) is used when someone adds your site to an iOS home screen, and the 192/512 Android PNGs are referenced by your web manifest for Android/PWA installs.

Where do I put the files and the HTML?

Drop favicon.ico and the PNGs in your site's public root, then paste the generated <link> tags into your page <head>. The default paths in the snippet match the file names this tool produces.

Can I make a favicon without an image?

Yes. Use Text / Emoji mode to draw a letter or an emoji on a background color of your choice (with optional rounded corners) — handy for prototypes or text-mark brands. No upload required.

Is my image uploaded anywhere?

No. Everything — resizing, the .ico encoding and the PNG export — happens locally in your browser using the canvas API. Your image or text never leaves your device.

🎓 Pro Tips

  • Tip 1: Start from a square, high-contrast image; favicons are tiny, so simple bold marks read far better than detailed logos at 16 px.
  • Tip 2: Keep at least 16/32/48 px in the .ico and add the 180/192/512 PNGs so iOS and Android home-screen icons stay sharp too.
  • Tip 3: Reference: the ICO container format embeds multiple sizes (and may carry PNG payloads) — https://en.wikipedia.org/wiki/ICO_(file_format).