Favicon Generator
Drop one image and get a complete favicon set — .ico, every PNG size, and the HTML to paste — without uploading anything.
Drag & drop a square image or logo here, or click to choose. PNG, JPG, SVG, WEBP — a square source (512×512 or larger) looks best. Your image never leaves your browser, nothing is uploaded.
Paste this into your <head>
This favicon generator builds a full, production-ready favicon set from a single square image or logo, entirely in your browser. It produces a multi-size favicon.ico (16–256), PNG icons at 16, 32, 48, 180 (apple-touch-icon), 192 and 512 pixels, and a copy-paste HTML head snippet that references favicon.ico, the apple-touch-icon, the PNG sizes and a site.webmanifest. Because all processing happens locally with the Canvas API, your image never leaves your device — there is no upload, no queue and no watermark. Just drop your logo, preview each generated size, download the files and paste the snippet.
Frequently Asked Questions
What does this favicon generator produce?
A complete favicon set from one image: a multi-size favicon.ico (16, 32, 48, 64, 128 and 256 px in a single file), PNG icons at 16×16, 32×32, 48×48, 180×180 (apple-touch-icon), 192×192 and 512×512, plus a ready-to-paste HTML head snippet.
Is my image uploaded to a server?
No. This favicon generator runs 100% in your browser using the Canvas API. Your image is decoded and re-encoded locally, so nothing is uploaded, stored or shared — it is fully private.
What size and format should my source image be?
Use a square image at least 512×512 for the sharpest result. PNG, JPG, SVG and WEBP all work. SVG and large PNG logos scale down cleanly to every favicon size.
How do I add the favicon to my website?
Download favicon.ico and the PNG files into your site's root folder, then copy the generated HTML snippet into the <head> of your pages. It links favicon.ico, the 16/32 PNGs, the apple-touch-icon and a site.webmanifest.
What is the apple-touch-icon for?
The 180×180 apple-touch-icon is the icon iOS and iPadOS use when someone saves your site to their Home Screen. Including it makes your bookmark look like a native app instead of a blurry screenshot.
Why generate a .ico file and not just PNGs?
favicon.ico is the long-standing default that every browser, including older ones, requests at the site root. Our .ico packs multiple resolutions into one file so the browser always picks the crispest size — and we still give you the modern PNGs too.
Contain or cover — which fit should I pick?
Contain letterboxes the whole image into the square with transparent edges, keeping your full logo visible. Cover fills the square edge to edge and crops the overflow. Use contain for wide logos and cover for already-square icons.
Is this favicon generator really free?
Yes — it is completely free with no sign-up, no limits and no watermark. Because the work happens in your browser, you can generate as many favicon sets as you like.