Favicon Checker & Downloader

Paste a URL to see every icon a page declares — the tab favicon, Apple touch icon, Safari pinned-tab icon and web app manifest icons — preview each one and open it full-size to save. Free, instant, no signup.

What this checks & how to fix it

It reads the page's live HTML and collects every <link> whose rel is icon, shortcut icon, apple-touch-icon, apple-touch-icon-precomposed or mask-icon, resolving each href to an absolute URL. If the page links a web app manifest, it fetches that JSON too and adds its icons array. Finally it requests /favicon.ico at the site root — the way old browsers and most bots do — and checks that a real image comes back rather than an HTML error page dressed up as a 200.

The score starts at 100 and loses points for: no icon at all (−45), no <link rel="icon"> in the HTML (−15), no Apple touch icon (−20), nothing scalable or at least 32 px (−15), no /favicon.ico (−10), and no manifest (−10). A manifest that is linked but unreadable costs 5.

The set a modern site should ship

  • /favicon.ico at the root — 16, 32 and 48 px frames in one file, for legacy browsers, feed readers and bots that never read the HTML.
  • <link rel="icon" type="image/svg+xml" href="/icon.svg"> — scales to any pixel density, and can include a prefers-color-scheme media query inside the SVG so it adapts to dark tabs.
  • <link rel="apple-touch-icon" href="/apple-touch-icon.png"> — a 180×180 PNG with no transparency, for iOS home screens and share sheets.
  • A site.webmanifest with 192×192 and 512×512 PNGs (plus a maskable variant) so Android and Chrome can show an install prompt and splash screen.

Frequently asked questions

Does Google show favicons in search results?

Yes — next to the site name on mobile results and, since 2023, on desktop too. Google wants a square icon that is a multiple of 48 pixels (48×48, 96×96, 144×144 or an SVG), declared with a <link rel="icon"> on the homepage, crawlable, and served from a stable URL. Sites that fail those checks get a generic globe. Note that Google fetches the icon from the homepage of the domain, not from the page you are checking.

Why doesn't the Open button download the file directly?

Browsers only honour a download attribute for files on the same origin as the page. For an icon hosted on another site, the most a page can do is open it in a new tab — from there, right-click and Save Image (or press Cmd/Ctrl-S) to keep it. Forcing a download would mean proxying the file through our servers, which we don't do.

Do I still need favicon.ico if I already have an SVG icon?

It is still worth having. Every modern browser reads the <link rel="icon"> tag, but older browsers, many RSS readers, some email clients and a lot of bots request /favicon.ico at the site root without ever looking at the HTML. A single .ico containing 16, 32 and 48 pixel frames covers all of them and stops the constant 404s in your server logs.

What's the difference between apple-touch-icon and apple-touch-icon-precomposed?

"Precomposed" is a leftover from iOS 6 and earlier, when Safari added a glossy highlight to home-screen icons unless you told it the icon was already finished. iOS 7 dropped the effect, so the two are treated identically now. Use the plain apple-touch-icon with a 180×180 PNG and no transparency — iOS fills transparent areas with black.

I replaced my favicon but browsers still show the old one — why?

Favicons are cached far more aggressively than the pages that reference them, and Chrome keeps them in a separate cache that a normal reload doesn't clear. This tool always reads the live HTML and fetches the live files, so if it shows the new icon, your change is correct. To force browsers to notice, change the file name (icon-v2.svg) or add a query string to the href.

Related tools

Meta Tag AnalyzerHeading Structure CheckerImage Alt CheckerKeyword Density

Command Palette

Search for a command to run...