Favicon Generator
Turn one image into a full favicon set, without uploading it.
🔒 Your files are processed locally in your browser. They are never uploaded to our servers.
Selected files
Done
Add this to your <head>
What this tool does
Favicon Generator takes one image and produces every icon file a website needs: a multi-size favicon.ico, PNGs for browser tabs, an Apple touch icon, Android home-screen icons, and a web manifest. It also gives you the <head> tags to paste in. Everything is generated in your browser, so your logo is never uploaded.
How to use
- Drop a square image — 512×512 or larger gives the sharpest results.
- Optionally type your site name for the manifest, and pick a background if you do not want transparency.
- Click Generate favicon set.
- Download the files into your site's root folder and paste the snippet into your <head>.
Notes
- Everything runs locally — your logo never leaves your device.
- A non-square image is cropped from the centre.
- Simple, high-contrast shapes read better at 16×16 than detailed logos.
Frequently asked questions
Where do the files go?
In the root folder of your site, so they end up at /favicon.ico, /apple-touch-icon.png and so on. That matches the paths in the snippet, and browsers look for favicon.ico at the root even without any tags.
Do I still need favicon.ico if I have PNGs?
Yes, it is still worth including. Some browsers and tools request /favicon.ico directly without reading your HTML, so having it avoids a stray 404 and a missing icon.
What size should my source image be?
At least 512×512, square, with a bit of padding around the artwork. Every output is scaled down from this one file, so starting large keeps the big Android icons sharp.
Should I keep transparency?
Keep it for browser tabs, where a transparent background blends into light and dark themes. iOS fills transparent areas on home-screen icons with black, so if the icon will be saved to a phone home screen, choosing a solid background usually looks better.
Why does my detailed logo look muddy at small sizes?
A 16×16 icon has almost no room for detail. Use a simplified mark — a single letter or shape with strong contrast — rather than a full logo with text.