Favicon Generator — Image to Complete Favicon Package
Turn any logo into a complete favicon package — favicon.ico, all PNG sizes, Apple touch icon, and webmanifest — in one click.
Drop your logo here or click to choose
PNG, JPG, or WebP — square, 512×512 or larger works best. Everything is generated in your browser; your logo never leaves your device.
Upload your logo once and download a complete 26-file favicon package as a single ZIP: a real favicon.ico (16/32/48 embedded), favicon PNGs, all nine Apple touch icon sizes (57–180px), six Android icons (36–192px) with manifest.json, Microsoft tile icons (70–310px) with browserconfig.xml — plus the exact HTML tags to paste into your site's head.
Like every tool on this site, the whole process runs in your browser: your logo is resized, packed into ICO format, and zipped locally. Nothing is uploaded, so there's no queue, no watermark, and no privacy question.
How to use
- Drop in your logo — a square PNG of 512×512 or larger gives the sharpest results (non-square images are center-cropped).
- Check the pixel preview: this is exactly how your icon will look in a browser tab at 16 and 32px. If it's muddy, simplify the logo and try again.
- Download the complete package as a ZIP, or grab individual files.
- Unzip into your site's root folder and paste the provided HTML tags into your <head>.
Frequently asked questions
What favicon sizes does a website need in 2026?
The strict minimum is favicon.ico plus 16/32px PNGs and a 180×180 Apple touch icon. For full compatibility across every browser, iOS generation, Android launcher, and Windows tile, the classic complete set spans 16px to 310px across ~26 files — which is exactly what this generator packages, along with the manifest.json and browserconfig.xml that reference them.
Is the favicon.ico a real ICO file?
Yes — it's a genuine ICO container with three PNG-encoded entries (16, 32, and 48 pixels), the format every modern browser and Windows version supports. It's not a renamed PNG.
Is my logo uploaded to a server?
No. Resizing, ICO packing, and ZIP creation all happen in your browser using the canvas API. Your logo never leaves your device — which matters when it's an unreleased brand or client work.
Why does my favicon look blurry at 16px?
Sixteen pixels is tiny — detailed logos turn to mush at that size. If the preview looks muddy, use a simplified mark: your icon symbol alone, a single letter, or a bold shape. Big brands ship simplified favicon versions of their logos for exactly this reason.
Where do I put the favicon files on my website?
Put them in the root of your site (so they're reachable at /favicon.ico, /apple-touch-icon.png, etc.), then add the provided link tags inside your <head>. On most platforms that means the public or static folder; on WordPress, use Appearance → Customize → Site Identity or place files via your theme.
What's inside the package
• favicon.ico + favicon-16/32/96 PNGs — browser tabs and bookmarks; browsers request /favicon.ico automatically even with no HTML tag.
• apple-icon-57x57 through 180x180 (9 sizes) — every iPhone and iPad generation's home-screen icon, plus apple-icon-precomposed.png for legacy iOS.
• android-icon-36x36 through 192x192 (6 densities) — Android launcher icons, referenced with density hints from manifest.json.
• ms-icon-70/144/150/310 + browserconfig.xml — Windows start-menu tiles and the config file that maps them.
• manifest.json — tells Android/PWA installs your site name, colors, and icons. Open it and fill in the name fields after downloading.
Extract everything to your site's root directory so the paths in the HTML snippet resolve, paste the snippet into your <head>, and you're done.
Design tips for a favicon people can actually recognize
Test at 16px before committing — the preview above shows the truth. Favor a single bold shape or letterform over a full logo with text; wordmarks become unreadable below 48px. Keep contrast high against both light and dark browser themes (a subtle background circle or rounded square helps icons that are thin line-art). And keep the same favicon for years — it's how returning visitors find your tab among twenty others.
Related free tools
- Image Converter — Convert images between PNG, JPG, and WebP right in your browser. Files never leave your device.
- Image Cropper — Crop images to any size or aspect ratio in your browser — square, 16:9, 4:3, or freeform.