Check Your Favicon Setup
Enter any website URL to verify that its favicons are correctly configured across all platforms and browsers.
Enter a website URL
The checker will fetch the page, parse its <head>, and verify each favicon type.
Need to generate favicons?
Create a complete favicon set, including adaptive SVG, ICO, Apple Touch Icon, and PWA icons, with one of our generators.
What does this checker test?
The checker fetches the target page, parses its <head>, and performs HTTP HEAD requests to verify that each favicon asset is reachable. It checks 8
things:
- favicon.ico The classic format, served from the root of the domain. Supported by virtually every browser and crawler since the late 1990s.
- PNG 16x16 Declared via
<link rel="icon" sizes="16x16">. Used by browsers for small browser tab icons. - PNG 32x32 Declared via
<link rel="icon" sizes="32x32">. Used by browsers on retina displays and Windows taskbar shortcuts. - Apple Touch Icon Used when adding a website to an iPhone or iPad home screen. Should be a 180x180 PNG
declared with
<link rel="apple-touch-icon">. - SVG favicon A scalable vector icon declared with
type="image/svg+xml". Resolution-independent so it looks sharp on every screen size. - Adaptive SVG An SVG favicon that uses a
prefers-color-schememedia query to switch between a light and dark variant automatically, matching the user's OS theme. - Web Manifest 192x192 A PNG icon referenced in the Web App Manifest (
manifest.json). Required for Android home screen shortcuts and PWA install prompts. - Web Manifest 512x512 A larger PNG icon referenced in the Web App Manifest. Used for the PWA splash screen and app stores.
Why check your favicon?
A favicon is a small file but it touches every surface where your brand appears on the web:
- • Browser tabs — users with many open tabs rely on the favicon to find yours.
- • Bookmarks — browsers display the favicon next to every saved bookmark.
- • Google search results — your favicon appears next to your domain in search result snippets.
- • iOS and Android home screens — when users save your site, the Apple Touch Icon or manifest icon becomes the app icon.
- • PWA installs — the 192x192 and 512x512 manifest icons are required for a valid install prompt.
- • Dark mode — an adaptive SVG favicon switches between light and dark automatically, avoiding an invisible icon on dark browser themes.
Frequently Asked Questions
The most common reason is a missing or wrong <link> tag in <head>. Browsers also
cache favicons aggressively, so try a hard reload (Cmd+Shift+R or Ctrl+Shift+R)
or open an incognito window to bust the cache.
For broad compatibility: a favicon.ico at the domain root, a 180x180 PNG for Apple
Touch, and a 192x512 PNG pair in your Web App Manifest. Adding an SVG favicon is strongly
recommended for modern browsers.
An SVG file that contains a @media (prefers-color-scheme: dark) block, allowing the icon to change its colors based on the user's system theme. Without
it, a dark icon becomes invisible in dark-themed browser UIs (e.g. Firefox with a dark theme).
Missing means no file was found,
neither in the page's <head> tags nor at the conventional fallback path. Not declared means the file exists
and is reachable at the expected path (e.g. /apple-touch-icon.png), but your HTML
does not include a <link> tag pointing
to it. Some browsers discover these fallback files automatically, but adding the explicit
tag ensures reliable cross-browser support.
Yes. The checker works on any publicly accessible URL. The request is made server-side so there are no CORS restrictions. Note that some sites block automated requests, in that case the checker may report errors that do not reflect the real favicon setup.