Favicon
The preview shows real browser sizes — if the 16px tab icon reads, everything larger will too.
A favicon generator that shows you the truth at 16px
A favicon lives or dies at sixteen pixels. This favicon generator previews your icon at the real browser sizes — 96, 48, 32, and 16px — and mocks it into an actual light and dark browser tab, so you see exactly what visitors will see before you download anything. Build it three ways: one or two letters on a generated gradient tile, any emoji, or your own logo dropped straight onto the page.
How to make your favicon
- Pick a source: Text (1–2 letters), Emoji, or Image (drop a square logo — it never leaves your browser).
- Shuffle the gradient tile until it fits your brand, or switch the background to a solid color.
- Check the 16px tab preview — if it reads there, every larger size is automatically fine.
- Download ZIP: favicon.ico, favicon-16/32/48/192/512.png, apple-touch-icon.png, site.webmanifest, and a README.
- Put the files in your site root and paste the head snippet (Copy head snippet, or the README's copy).
A real .ico, not a renamed PNG
The ZIP's favicon.ico is a genuine multi-image ICO file — 16, 32, and 48 pixel renders packed into one container the way browsers and crawlers expect — assembled byte-by-byte in your browser. Alongside it you get the modern PNG set: 192 and 512px icons referenced from the included web manifest for Android and PWA installs, and the 180px apple-touch-icon iOS uses on the home screen. Five link lines cover every mainstream browser, and the snippet hands them to you ready to paste.
Nothing is uploaded, ever
Whether you type a letter or drop your company logo, everything renders on a canvas inside your browser and the ZIP is assembled in memory on your machine. There is no upload step, no server-side rasterizer, no account. If you also need installable app icons with maskable safe zones, the PWA icon generator shares the same dropped image — add it once, use both tools.
Frequently asked questions
Is this favicon generator free?
Completely — no signup, no watermark, no paywalled sizes. Type a letter, pick an emoji, or drop a logo, and Download ZIP gives you favicon.ico, every PNG size modern browsers ask for, apple-touch-icon.png, a site.webmanifest, and a README with the exact head tags to paste. Everything renders in your browser.
What sizes does a favicon need in 2026?
Far fewer than old checklists claim. You need favicon.ico (16 and 32 px for tabs and bookmarks), a 180 px apple-touch-icon for iOS home screens, and 192 + 512 px PNGs referenced from a web manifest for Android and PWA installs. That is exactly the set this tool packs — five link lines cover every mainstream browser.
Can I make a favicon from an emoji or a letter?
Yes — that is the fastest path to a distinctive tab icon with zero design work. Pick an emoji or type one or two letters, and the tool sets them on a generated gradient tile, then rasterizes real PNGs at every size. The preview shows the actual 16 px tab rendering, so you can check it stays legible before downloading.
Do I still need a favicon.ico file, or are PNGs enough?
Keep the .ico. Modern browsers accept PNG favicons, but favicon.ico is still what many crawlers, older browsers, and default-path lookups (yoursite.com/favicon.ico) reach for first. Since the ZIP builds it for you — a real multi-size .ico, not a renamed PNG — there is no reason to leave the compatibility gap open.
Is my logo uploaded when I use the image option?
No. The image you drop becomes a session-local object URL in your browser, is drawn onto a canvas on your machine, and never leaves it. Reloading the page clears it. The favicon pack is assembled client-side too — the ZIP is built in memory and saved straight to your downloads.
Where do I put the favicon files on my site?
Drop every file from the ZIP into your site’s root (public) folder, then paste the four link lines from the README — or the Copy head snippet button — into your page’s <head>. The paths are root-relative (/favicon.ico, /site.webmanifest), which is the convention browsers and crawlers check by default.
Need installable app icons too? Use the PWA icon packer → Just need a .ico from an existing image? PNG to ICO converter →