The tiniest asset,
done right.
Generate a full favicon set from any icon, emoji or word. Turn a logo you already have into favicons. Check what any live site serves — all in your browser, nothing uploaded.
- 6
- device previews
- 0
- uploads, ever
- 1
- click to export
The favicon shown next to your result is the first thing people recognize in a busy list of links.
Three tools, one suite
pick a colorGenerator
Any image, emoji or text → a full favicon set
Drop in artwork, type a word, or pick an emoji. Watch it land in a real browser tab, then export every size a modern site needs.
- ✓16 → 512px + Apple touch
- ✓Live multi-device preview
- ✓One .zip, ready to drop in
Converter
Turn an existing logo or image into favicons
Already have a logo, icon or PNG? Drop it in, adjust the background and padding, and download a complete favicon package — .ico, PNGs, Apple touch, manifest and the HTML snippet.
- ✓Any image → full favicon set
- ✓Background, padding & rounding
- ✓One .zip, ready to drop in
Checker
See what any live site serves to tabs
Point it at a URL and get a graded report of every icon a site declares — plus how each one looks on real devices.
- ✓Scans the live HTML
- ✓Scores coverage & quality
- ✓Previews across devices
From nothing to a full set
16px → 512pxStart anywhere
Pick from 200,000+ icons, an emoji, a couple of letters, or drop in artwork you already have. No blank canvas.
Make it yours
Tune color, padding, corner radius and background, and watch it update live in a real browser tab, an iOS home screen and a Google result.
Ship the whole set
Download one .zip with every size a modern site needs — favicon.ico included — plus the exact <head> snippet, ready to paste in.
Your images never
leave your machine.
Generating and converting happen entirely in the browser with the Canvas API. The checker fetches a page's public HTML, nothing more. No accounts, no queue, no storage.
A 16-pixel square does more work than you'd think
It's the first thing people recognize in a wall of open tabs, the icon that tells your browser history apart from a hundred other visits, and — next to your listing on Google — one of the only visual cues in an otherwise plain search result. Get it wrong and a site quietly reads as unfinished; get it right and it barely registers, which is exactly the point.
Browser tabs & history
The one visual anchor when someone has a dozen tabs open, or is scrolling back through history to find your page again.
Search results
Google and Bing both show a site's favicon next to its listing — a broken or missing one stands out against every ranked competitor that has one.
Home screens & app switchers
iOS and Android use a larger version (180px and up) whenever someone saves your site — this is effectively your app icon without an app.
Bookmarks & password managers
Anywhere a browser lists saved sites by name, it lists them by icon first — bookmarks bars, autofill dropdowns, and open-tab search.
Questions, answered
The things people usually want to know before they generate, convert or check a favicon.
A favicon ("favorite icon") is the small square image a browser shows next to your page title — in the tab, in bookmarks, in history, and in the address bar. Search engines like Google also show it next to your result, and phones use a larger version of it as the home-screen icon when someone saves your site.
There's no single size anymore — modern sites ship a range. 16×16 and 32×32px cover browser tabs, 180×180px is Apple's touch icon size, and 192×192px plus 512×512px cover Android and PWA manifests. Our Generator and Converter export all of these from one source image, sized correctly rather than stretched.
Yes, for now. Every browser still falls back to /favicon.ico if nothing else is declared, and some older crawlers and RSS readers only ever look for it. We build a real multi-resolution .ico (16, 32 and 48px baked into one file) alongside the modern PNG and SVG icons — you get both, so nothing 404s.
No. The Generator and Converter render everything on your own device using the browser's Canvas API — your artwork never leaves your machine. The Checker is the only tool that talks to a server, and all it does is fetch the public HTML of the page you point it at, the same way a browser would.
Generator builds a favicon from scratch — an icon, emoji, text or image you supply. Converter takes a logo or icon you already have and turns it into a full, correctly-sized favicon package without changing its design. Checker doesn't create anything; it scans a live URL and grades exactly what that site is currently serving.
Unzip the download into your site's root (or /public folder in most frameworks), then paste the provided snippet into your page's <head> — it links favicon.ico, the PNG sizes, the apple-touch-icon, and the web manifest. Most static hosts and frameworks also auto-detect a favicon.ico placed at the root even without the snippet.
iOS ignores favicon.ico entirely and only uses the apple-touch-icon link tag — usually a 180×180px PNG with no transparency, since iOS fills transparent areas with black. Run the Checker against your domain to see exactly which icon tag (if any) iOS will actually pick up.
Yes — anything you export from the Generator or Converter is yours, with no attribution required. The one thing to check is the source: if you built your icon from the Generator's icon search, that specific icon set carries its own license (commonly MIT or Apache, but it varies), so confirm it if you're shipping a commercial product.
PNG, JPG, SVG and WebP all work in both the Generator and Converter. A square source image at 512×512px or larger gives the cleanest result across every exported size.
Not today — each tool is built around one image or one URL per session, in the browser. There's no account system to attach an API key to, and no server-side queue processing files in bulk. For multiple brands or projects, you'd run the process again for each one.
The blog covers sizes, formats, framework-specific setup (Next.js, React, WordPress, Shopify), and the most common troubleshooting scenarios in more depth than fits in a FAQ.