Favicon Generator
Drop a square image, download PNG favicons in every standard size.
Drop a square source image and pick a background colour (or keep it transparent). We render PNGs at every standard favicon size in your browser using Canvas. Download one at a time, or all at once.
Drop or pick an image (PNG, SVG, JPG)
No image yet - drop or pick one above.
How to use it
Drop your image
Square works best. PNG, SVG, JPG, WebP all accepted.
Pick a background
Transparent, white, black, or your brand colour. SVGs render with transparent background by default.
Download
Click Download next to a size to grab one PNG; click Download all to save every size.
What is it?
A favicon generator takes a single source image and produces multiple PNG copies at the sizes browsers and mobile platforms expect: 16 and 32 for tabs, 180 for iOS home-screen, 192 and 512 for Android / PWA manifests, plus intermediate sizes for high-density displays. The output is a set of PNG files you can drop into your site's `public/` and reference from your HTML head.
When to use it
Replacing the default favicon when shipping a new site, refreshing a brand identity, generating PWA manifest icons, or producing per-product app icons.
Common mistakes
Using a non-square source image - the result is letterboxed with awkward bands. Filling fine detail at 16px - the image is 16 pixels wide, treat it as a glyph not a logo. And forgetting the iOS 180px / Android 192/512px variants - the favicon you ship to a desktop browser is not what a phone's home screen wants.
FAQ
- Why no .ico file?
- Modern browsers handle PNG favicons just fine, including on Windows. .ico is only required for legacy IE; if you really need one, use a separate converter on the 32px PNG output here.
- Does my image get uploaded?
- No. The Canvas API runs in your browser and processes the file locally. We never see your source image.