Free Favicon Generator
Make favicons from an image, all sizes.
What is the Favicon Generator?
A favicon is the tiny icon in the browser tab, the bookmark, and the phone home screen — a small detail that makes a site feel finished and recognizable. But getting one right means producing it at a handful of specific sizes, which is fiddly by hand.
This favicon generator turns a single image into favicons at every standard size, plus the HTML to wire them up, all in your browser.
Last updated: Aug 14, 2026
What does this tool do?
You upload an image and the tool renders it as square favicon PNGs at all the sizes browsers and devices expect, from 16px to 512px.
It shows a preview of each size for download and gives you the HTML link tags to paste into your site's head.
Key features
Every standard size
16, 32, 48, 64, 180, 192 and 512px.
HTML included
Copy-ready <link> tags for your head.
Instant previews
See each size before downloading.
Center-cropped
Non-square images are squared automatically.
Private
Runs in your browser; nothing uploaded.
Example
Common use cases
- Web developers — Add favicons to any site.
- Designers — Export a logo to favicon sizes.
- Small business owners — Brand the browser tab.
- Bloggers — Give a site a recognizable icon.
- PWA builders — Get the 192 and 512px icons.
- Students — Finish a class project site.
- No-code users — Upload icons to a site builder.
- Anyone launching a site — Polish the final detail.
Benefits
- It produces every size you need from one image.
- It hands you the HTML so setup is copy-paste.
- It squares non-square images for you.
- It keeps your logo private on your device.
Tips
- Start with a square, high-resolution image — a logo works best.
- Keep the design simple; fine detail disappears at 16px.
- Use good contrast so the icon reads on light and dark tabs.
- Upload the PNGs to your site root and reference them as shown.
- Include the 180px Apple touch icon for iOS home screens.
- Add the 192 and 512px icons for installable web apps.
- Test in a real tab — small icons can look different than the preview.
- Re-generate if you refresh your branding.
Common mistakes to avoid
Using a detailed image
Fix: Simplify the design; intricate detail is lost at favicon sizes.
Only providing a 16px icon
Fix: Include the full set so tabs, bookmarks and home screens all look sharp.
Forgetting the HTML tags
Fix: Add the provided <link> tags to your page head so browsers find the icons.
Low-contrast icon
Fix: Ensure it's legible on both light and dark browser themes.
How it works
- 1
Upload an image
A square logo works best.
- 2
Get every size
Download the favicon PNGs.
- 3
Add the HTML
Copy the link tags into your site.
Frequently asked questions
16, 32, 48, 64, 180 (Apple touch), 192 (Android) and 512px (PWA) — the standard set modern sites use.
Yes. It provides the <link> tags to drop into your page's <head>.
No. The favicons are generated in your browser and nothing is sent to a server.
16, 32, 48, 64, 180 (Apple touch), 192 (Android) and 512px (PWA) — the standard set modern sites use.
Yes. It provides the <link> tags to paste into your page's <head>.
Modern browsers accept PNG favicons, which this generates. A .ico is only needed for very old browser support.
A square, high-resolution logo or icon works best; non-square images are center-cropped to a square.
No. Everything is generated in your browser and nothing is sent to a server.
Upload the PNGs to your site (often the root) and reference them with the provided link tags.
Conclusion
A favicon generator turns one image into a complete, ready-to-install icon set with the HTML to match. Pair it with the image cropper to square your logo first and the image compressor to keep the files light.