Favicon Generator
Drop a square image, download PNG favicons in every standard size.
Drop or pick an image (PNG, SVG, JPG)
No image yet - drop or pick one above.
Drop a square source image and pick a background colour (or keep it transparent). We render PNGs at every standard favicon size right in your browser. Download one at a time, or all at once.
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.
Rate this tool
Share your experience to help others.
Related tools
More in this category
- Color Converter (HEX, RGB, HSL)
- CSS Gradient Generator
- CSS Box-Shadow Generator
- Contrast Checker
- Color Palette Generator
- Color Shade Generator
- CSS Clip-Path Generator
- Border-Radius Generator
- Cubic-Bezier Generator
- CSS Filter Generator
- Glassmorphism Generator
- Image Converter
- Image Resizer
- Image Compressor
- Image to Base64
- Image Cropper
- Image Color Picker