Favicon Generator (Multi-Size ICO & PNG)
Turn any logo into a complete favicon set — ICO, PNGs, manifest and HTML tags · free, no signup
Favicon Generator — A Complete, Correctly Sized Icon Set From One Image
A modern website needs more than a single favicon.ico: browsers, bookmarks, iOS home screens and Android app shortcuts each expect their own size and format. Upload one square logo or image and this tool automatically crops it to a square, then renders it at every size a real site needs — 16×16 and 32×32 for the classic favicon, 48×48 for Windows site icons, 180×180 for Apple's home-screen touch icon, and 192×192 and 512×512 for Android and web-app manifests — all rendered locally on your device using the canvas API, with nothing ever uploaded to a server.
Download any individual PNG size, or click one button to build and download a genuine multi-resolution favicon.ico containing the 16, 32 and 48 px images embedded as PNG frames inside a proper ICO container — the same format browsers expect, built here with a small hand-written ICO encoder rather than a fixed template. A live preview shows your new icon the way it will actually appear in a browser tab, a bookmarks bar and a phone home screen, and one click each copies the exact <code><link rel="icon"></code> HTML block and a starter <code>site.webmanifest</code> file ready to paste into your project.
Key features
6 correctly sized outputs
16, 32, 48, 180, 192 and 512 px, auto square-cropped.
Real favicon.ico file
A genuine multi-size ICO built in your browser, not a renamed PNG.
Live tab/bookmark/home-screen preview
See exactly how it will look before you deploy.
Ready-to-paste code
Copies both the HTML link tags and a starter site.webmanifest.
How to use it
- Drop a square logo or image (512×512 or larger works best).
- Review the auto-generated sizes in the grid.
- Download favicon.ico and any individual PNG sizes you need.
- Copy the HTML snippet and site.webmanifest into your project.
Worked example
Example
A 1024×1024 PNG logo → favicon.ico (16/32/48 embedded), favicon-192x192.png and favicon-512x512.png for your manifest, apple-touch-icon.png at 180×180 for iOS, plus a five-line HTML block to paste into <head>.
Who uses this tool
Web developers and freelancers
Ship a complete, correct favicon set in under a minute.
Small business owners
Turn a logo file into browser-ready icons without design software.
Anyone launching a site or web app
Cover desktop, iOS and Android icon requirements in one pass.
Tips for the best results
- Start from a square image if possible — non-square images are centre-cropped automatically.
- Use a simple, high-contrast logo; fine detail disappears at 16×16.
- Place favicon.ico at your site's root (https://yoursite.com/favicon.ico) as a fallback even if you also use the link tags.
- Fill in the name and short_name fields in the downloaded site.webmanifest before using it.
Common mistakes to avoid
- Uploading a wide or non-square banner image, which gets cropped to a square from the centre.
- Only generating a 16×16 icon and expecting it to look sharp on a high-resolution phone home screen.
- Forgetting the apple-touch-icon size, which makes iOS fall back to an ugly auto-generated screenshot icon.
- Not placing favicon.ico at the domain root, which some browsers and crawlers still check directly.
Why use AZRS QuickFix?
It is 100% free, needs no signup and has no watermark or usage limits. The tool runs in your browser, so what you type stays on your device, and it works on phones, tablets and desktops. New tools are added every week — bookmark this page or browse the full QuickFix toolbox.
Frequently asked questions
Is this a real .ico file or just a renamed PNG?
It is a genuine ICO container built in your browser, with the 16, 32 and 48 px images embedded as PNG frames inside proper ICO directory entries — the same structure real favicon.ico files use.
Do I need all six sizes?
For a modern site, at minimum use the ICO, the 32×32 PNG, the 180×180 Apple touch icon and the manifest icons; the rest are extra polish for specific platforms.
Is my logo uploaded anywhere?
No. Cropping and resizing happen entirely in your browser using the canvas API; the image never leaves your device.
Why is my icon blurry at 16×16?
Small favicons have very little room for detail — simplify your logo (fewer colours, thicker shapes) for the clearest result at that size.
What is site.webmanifest for?
It tells mobile browsers and "Add to Home Screen" features your app's name, icons and colours; you can also skip it if you do not need a web-app manifest.
Can I use an SVG logo?
Yes — SVG files are rendered onto the canvas like any other image before being resized.