Pick the image you want as your favicon — your logo works best. Everything is generated right here in your browser; your image is never uploaded to our servers.
Tune the background and padding, then check the live previews — including how it looks in a real browser tab.
Heads-up: transparent backgrounds show as black on iPhone home screens. Pick white or a colour if your logo needs a background.
Browser tab preview (real 16×16)
Every file your site needs. Upload them to your website's main folder, then paste the snippet into your site's <head>.
Check your inbox — your favicon package is on its way. (Don't see it? Check spam, or email us.)
Everything above runs entirely in your browser — your logo never leaves your device unless you ask us to email you the files.
That tiny icon in the browser tab — the favicon — is one of the smallest details on your website and one of the most visible. It shows up in tabs, bookmarks, browser history and phone home screens. Sites without one get a generic blank-page icon instead, and visitors notice, even if they can’t name what’s wrong. It quietly says “unfinished”.
Making a proper favicon is more fiddly than it looks. Browsers still want the classic favicon.ico — a special multi-size format, not just a renamed PNG. Modern browsers want PNGs at several sizes. iPhones want a 180-pixel touch icon. Android wants 192 and 512-pixel icons plus a manifest file. Get any of it wrong and some device, somewhere, shows the blank icon again.
Our free Favicon Generator does the whole job in about a minute. Upload your logo — a square image, ideally 512×512 or larger — and it builds every file: a genuine multi-size favicon.ico (16, 32 and 48 pixels inside one file), PNGs for modern browsers, the Apple touch icon, the Android icons and the web manifest. It also writes the exact snippet to paste into your site’s <head>, ready to copy.
Two honest touches. First, everything happens in your browser — your logo is never uploaded to our servers, so there’s nothing to leak and nothing to wait for. Second, it warns you about the traps: if your image isn’t square, or is too small to stay crisp, it tells you before you download, not after.
Installing your favicons, in short:
Upload the files to your website’s main folder, paste the snippet into your site’s <head>, and reload. On WordPress you can also set the 512-pixel icon under Appearance → Customise → Site Identity — but the full file set plus the snippet covers every browser and device properly.
Why a free generator?
We build websites for UK small businesses, and the missing favicon is one of those tiny details that separates a professional site from one that looks half-done. This tool exists so you can fix yours properly — and if you’d rather we handled your whole website, that’s what we do every day.
Yes. Every download, the snippet and the zip are free, with no account needed. If you ask us to email you the files, we just need your name and email — you’ll get your package plus one follow-up email from us. No spam, ever.
A real favicon.ico (16, 32 and 48 pixels in one file), PNGs at 16, 32 and 48 pixels for modern browsers, a 180-pixel Apple touch icon, 192 and 512-pixel Android icons, a ready-made manifest.webmanifest, and the HTML snippet to install it all.
Upload them to your website’s main (root) folder — the same folder your homepage lives in — then paste the snippet into your site’s <head>. Reload the page and the icon appears in the tab.
Yes — the generator fits it into a square and warns you first. Square sources look best at 16 pixels, where every pixel counts, so a simplified mark often beats a wide full logo.
No. All the image work happens inside your browser on your own device. We never see your logo — the only thing that ever leaves your browser is the finished zip, and only if you ask us to email it to you.
Altus Web Solutions is the trading name for Noor 367 Ltd