Free Favicon Generator
One square image becomes a complete favicon pack — 7 PNG sizes, favicon.ico, manifest.json and the ready-to-paste HTML snippet — all in a single zip download.
Drop a square image here
PNG / JPG / WebP. Non-square inputs are centre-cropped.
Files stay in your browser — nothing is uploaded.
Preview
16×16
Browser tab
32×32
Tab @ Retina
48×48
Desktop shortcut
96×96
Windows tile
180×180
iOS home screen
192×192
Android / PWA
512×512
PWA install
Drop a square image to begin.
Your file never leaves your computer
This tool runs entirely in your browser. There is no upload endpoint on this page — the PDF library does all of the work locally on your device, the result file is generated in memory, and the download starts from your own machine. Open your browser's network panel and verify: nothing is sent.
FAQ
Favicon Generator questions, answered
What's in the zip?
Seven PNGs (16×16, 32×32, 48×48, 96×96, 180×180 Apple-touch-icon, 192×192 and 512×512 for Android/PWA), a favicon.ico that bundles the 16/32/48 sizes, a site.webmanifest for PWA install metadata, a paste-into-head.html with the exact <link> and <meta> tags to add to your site, and a README explaining where each file goes.
My source image isn't square. What happens?
We centre-crop the longer side off. A 1200×630 cover photo becomes a 630×630 square taken from the middle. For best results, upload a square image with a margin around the subject (~10% padding inside the square) so favicons stay readable at 16×16.
Why do I need so many sizes?
Different browsers and OSes use different sizes. 16×16 in browser tabs, 32×32 on Retina screens, 48×48 in desktop shortcuts, 180×180 when iOS users add your site to their home screen, 192×192 and 512×512 for Android home screens and PWA install prompts. Skipping sizes works fine for most cases but leaves edge-case rendering blurry.
Where do I put these files?
All seven PNGs, the .ico file and the .webmanifest go at the root of your site (next to index.html, so they're accessible at /favicon.ico, /android-chrome-192x192.png, etc.). The paste-into-head.html contains the markup to add inside your <head> tag — copy it into your CMS or template.
Is anything uploaded?
No. The Canvas API resizes and re-encodes everything locally. The .ico file is built from the PNGs in your browser. DevTools → Network confirms — no request carries your image.
Will the favicon update immediately on my site?
Browsers cache favicons aggressively — sometimes for weeks. After deploying, you may need to do a hard refresh (Cmd+Shift+R / Ctrl+F5) or clear your browser cache to see the new icon. Mobile devices typically pick up the new home-screen icon the next time the user adds your site.
Other free tools
Every one runs in your browser. No uploads, no signup.
Background Remover
AI removes the background from any photo in your browser. No watermark, no upload, no resolution cap.
Open →Image to Text (OCR)
Extract editable text from images and scans in 100+ languages. Runs entirely in your browser — no upload, no page limit.
Open →JPG to PNG
Convert JPGs to PNG with transparency support. Batch, drag-and-drop, no upload.
Open →PNG to JPG
Flatten PNGs to JPG for smaller file sizes. Quality slider, batch mode, in-browser.
Open →Need help with your website's SEO?
Book a free consultation with our London team.
Book a Free Consultation