Favicon Generator
A square image works best. PNG, JPG, SVG and WebP are supported.
Related external tools
Some links are affiliate links.
Related tools
Turn any image into a complete set of favicons — the small icons browsers show in tabs, bookmarks and on phone home screens. Upload a picture, download each size as a PNG, and copy the ready-made HTML and manifest snippet to drop into your site. Everything happens in your browser; your image is never uploaded.
How to use
- Choose an image — a square logo or icon gives the best result.
- Pick a transparent or white background for the icons.
- Download each PNG size and copy the HTML and manifest snippet into your site.
How it works
Your image is drawn onto a canvas at each required size — 16 and 32 pixels for browser tabs, 48 for Windows, 180 for Apple touch icons, and 192 and 512 for Android and PWAs. Scaling down from one large, square source keeps the icons crisp. The HTML snippet then tells browsers where to find each file.
Features
Every size you need
Generates the full set — 16, 32, 48, 180, 192 and 512 pixels — in one go.
Browser, Apple & Android
Includes apple-touch-icon and Android/PWA icons, not just the classic tab favicon.
Ready-made snippets
Copy the HTML link tags and a minimal site.webmanifest so setup is just paste and go.
Transparent or white
Keep transparency or flatten onto a white background to suit your icon.
Fully local
Images are processed in your browser and never sent to any server.
When to use it
New website
Add a polished favicon when launching a site, so it looks complete in browser tabs.
PWA icons
Generate the 192 and 512 pixel icons a progressive web app needs for the home screen.
Rebrand
Swap in a new logo across all favicon sizes at once when your brand changes.
Blog or portfolio
Give a personal site a recognizable icon that stands out among open tabs.
Notes
- A square source image avoids stretching; non-square images are centered with padding.
- Transparent backgrounds are preserved in the PNG output.
- Place the downloaded files in your site root, alongside the snippet in the page head.
- All processing runs on your device; your image is never uploaded.
FAQ
- Do I still need a .ico file?
- Modern browsers accept PNG favicons via the link tags provided here, so a .ico is usually optional. The 16 and 32 pixel PNGs cover tab icons.
- Which sizes does it create?
- 16, 32 and 48 for browsers, 180 for Apple touch icons, and 192 and 512 for Android and progressive web apps.
- Can I keep transparency?
- Yes. Choose the transparent background and the PNGs keep their alpha channel. Pick white to flatten onto a solid background.
- How do I add them to my site?
- Put the downloaded files in your site root and paste the HTML snippet into the head of your pages, plus the manifest for PWAs.
- Is my image sent to a server?
- No. The image is processed entirely in your browser and never leaves your device.