Favicon Generator
Turn any image into crisp favicon & app-icon PNGs.
How to use
- 1 Drop a square logo or image onto the box, or click to choose a file.
- 2 Tick the icon sizes you want to generate.
- 3 Pick a fit mode: contain (keep margins) or cover (fill and crop).
- 4 Preview each size, then download individual PNGs or all of them.
About Favicon Generator
A favicon is the little icon that shows up in browser tabs, bookmarks and history, and modern sites also need larger square icons for Apple touch, Android home screens and PWA manifests.
Producing all of those by hand in an image editor is tedious.
The Favicon Generator takes a single source image — a logo, a glyph, a screenshot — and renders it into every standard square size in one pass.
You choose which sizes to export from the common set (16, 32, 48, 64, 128, 180, 192 and 512 pixels) and pick how the image should fill each square: "contain" scales the whole picture to fit with transparent margins, preserving its full shape, while "cover" scales it up to fill the square edge to edge and crops the overflow, which suits images that already read well as a centred icon.
Live previews update as you change either option, so you can see exactly how the icon will look at each scale before saving.
Every size is drawn and encoded to a lossless PNG on a canvas inside your browser — nothing is uploaded, so your branding stays private.
Download icons individually or grab them all at once, ready to drop into your site’s head tags and web app manifest.
FAQ
What sizes should I generate?
16 and 32 cover classic favicons, 180 is the Apple touch icon, and 192 and 512 are used by Android and PWA manifests. Tick whichever your site needs.
Are my images uploaded?
No. Each size is rendered to a canvas and encoded to PNG entirely in your browser, so the source image never leaves your device.
Should I use contain or cover?
Use contain to keep the whole image visible with transparent margins; use cover to fill the square edge to edge, cropping any overflow.