Turn any image into a complete favicon set in seconds — ICO plus every PNG size your site needs, with a copy-ready head snippet.
Favicon Generator — Free ICO & PNG Favicon Maker
Turn any image into a sharp, browser-ready favicon set in seconds: a multi-size favicon.ico, crisp PNGs from 16×16 to 512×512, a live tab preview, and a copy-ready <head> snippet with web manifest.
Drop an image here or click to upload
JPG · PNG · WebP · square works best (min 256×256 recommended)Live preview — actual rendered sizes
Copy-paste <head> snippet
Put the PNGs and favicon.ico in your site root (or any folder — then adjust the href paths), paste this snippet inside <head>, and the icons work on desktop tabs, iOS home screens, and Android installs.
Your image never leaves your device. All resizing and ICO encoding happens locally in your browser — nothing is uploaded to any server.
No account, no email, no watermark. Open the page, drop an image, download your icons.
Unlimited favicon sets, every size included. No trials, no credits, no paid tier.
How to use the favicon generator
- 1Upload your logo
Drop a JPG, PNG, or WebP file (square works best; 256×256 or bigger for crisp results). The tool reads it straight from your device — nothing is sent anywhere.
- 2Check the live preview
See your icon at real 16×16 and 32×32 sizes in a mock browser tab. If details look muddy at 16px, try a simpler logo — that is the real-world test your favicon must pass.
- 3Download the files
Grab the multi-size
favicon.ico(16/32/48 packed into one file) plus 180, 192, and 512 PNGs and thesite.webmanifest— each as its own download button, no zip needed.
Why use this favicon generator?
Generates a real favicon.ico container with 16×16, 32×32, and 48×48 images packed in (PNG-in-ICO encoding, browser-native) — not a renamed PNG, so it works in every browser tab, bookmark, and old IE-era fallback.
Apple touch icon (180×180) for iOS home screens, 192×192 and 512×512 for Android PWAs and install prompts — the full set Chrome Lighthouse and iOS look for.
Canvas-based resizing gives you true pixel output, and the mock tab shows exactly how your icon will look at real size before you ship it.
Get a finished <head> snippet with apple-touch-icon, 32×32/16×16 links, and the manifest line — plus a valid site.webmanifest JSON with your site name baked in.
Non-square images are auto-cropped from the center to a square before resizing, so logos with wide banners still produce a balanced square icon.
Frequently asked questions
What is a favicon, and why do I need one?
Is the favicon.ico a real ICO file?
What image should I upload?
Do you store or upload my image?
Where do I put the downloaded files?
favicon.ico, the PNGs, and site.webmanifest in your site root (or one folder and adjust the snippet paths), then paste the generated <head> snippet into your theme. WordPress users can drop the lines into a “custom header code” field or their child theme’s header.php.Why 180×180, 192×192, and 512×512?
site.webmanifest for install prompts and splash screens.My image is not square — will it be stretched?
Related image tools
Image Compressor
Shrink JPG, PNG, and WebP file sizes without visible quality loss.
📐Image Resizer
Resize any image to exact pixel dimensions for web or social.
✂️Image Cropper
Crop photos to a perfect square or any ratio before making a favicon.
🔄Image Format Converter
Convert between JPG, PNG, WebP, and more in one click.
😂Meme Generator
Add top and bottom caption text to any image, instantly.