Free Favicon Generator
Upload any image and get a complete favicon set — browser tabs, bookmarks, and phone home screens covered.
Your favicon set
Add to your site
How to use the favicon generator
- Upload a square image — your logo on a solid or transparent background works best.
- Preview the generated sizes, then download each PNG you need.
- Copy the HTML snippet and paste it into your page's
<head>, with the files in your site root.
Favicon best practices
Favicons render tiny — 16×16 pixels is barely larger than a grain of rice — so simplicity wins: bold shapes, high contrast, and no fine text. If your logo is detailed, use a simplified mark or single letter instead of the full lockup; most major sites do exactly this. Transparency matters for browser tabs: a PNG with a transparent background blends into any theme, while a solid square looks fine too if it matches your brand color. The 180×180 apple-touch-icon is what iOS shows when someone adds your site to their home screen, so do not skip it — a missing one gets an auto-generated screenshot thumbnail instead. Browsers cache favicons aggressively, so when you update yours, rename the file or add a version query string (?v=2) to force a refresh. Finally, keep the classic sizes covered: 16 and 32 for tabs, 48 for some desktop contexts, and 180 for Apple devices — this generator produces all of them.
Frequently asked questions
What image should I upload?
A square PNG with transparency is ideal. JPG works too but cannot have a transparent background. Aim for at least 512×512 source resolution.
Which sizes do I actually need?
16×16 and 32×32 cover browser tabs and bookmarks; 180×180 covers iOS home-screen icons. The 48×48 and 192×192 sizes round out desktop and Android use.
Why is my new favicon not showing?
Browser cache. Hard-refresh (Ctrl/Cmd+Shift+R) or add a version query like favicon-32x32.png?v=2 to bust it.
Is my image uploaded anywhere?
No. Resizing happens entirely in your browser via canvas — your image never leaves your device.