The Favicon Generator turns any image into a complete set of favicons for your website. Upload a logo or image and it instantly creates all the standard sizes — 16×16 and 32×32 for browser tabs, 180×180 for Apple touch icons, and 192×192 and 512×512 for progressive web apps — plus a classic favicon.ico file.
You can download each size as a PNG, grab the favicon.ico, and copy a ready-to-paste HTML snippet for your page’s <head>. Everything is generated in your browser using the canvas — your image is never uploaded anywhere.
How to create a favicon
- Upload an image (PNG, JPG, SVG, or WebP) — a square image works best.
- Choose “Fit” to keep the whole image with padding, or “Fill” to crop it to a square.
- Download the favicon.ico and the individual PNG sizes you need.
- Copy the HTML snippet into your page’s <head>, and place the icon files in your site’s root.
Which favicon sizes do you need?
- 16×16 and 32×32 — the classic browser-tab and bookmark icons.
- 48×48 — used by some browsers and Windows.
- 180×180 — the Apple touch icon for iOS home screens.
- 192×192 and 512×512 — Android and PWA (web app manifest) icons.
- favicon.ico — a single file bundling 16, 32, and 48 for maximum compatibility.
Fit vs Fill
“Fit” scales your whole image to fit inside the square icon, adding transparent padding if it isn’t square — nothing is cropped, which is ideal for logos. “Fill” scales the image to cover the square and crops the overflow, giving a fuller icon when your image is roughly square already.
Frequently Asked Questions
What image should I use for a favicon?
A simple, square image or logo works best, since favicons are tiny. Bold shapes and few details read better at 16×16 than a busy image. PNG with transparency, SVG, JPG, and WebP are all supported.
What is the favicon.ico file for?
favicon.ico is the traditional favicon format that bundles several sizes (16, 32, 48) into one file. It has the widest browser support, so it’s good to include alongside the modern PNG icons.
Where do I put the favicon files?
Place favicon.ico and the PNG files in your website’s root folder (or wherever your HTML references them), then add the provided <link> tags to your page’s <head>.
Do I need all the sizes?
At minimum, favicon.ico plus a 32×32 PNG covers most browsers. Add the 180×180 Apple touch icon and the 192/512 icons if you want good results on iOS home screens and as an installable web app.
Is my image uploaded anywhere?
No. All resizing and file generation happens locally in your browser with the canvas API. Your image never leaves your device.