No Login Data Private Local Save

Favicon Checker - Online Test Any Site's Icon

31
0
0
0

Favicon Checker

Instantly check, preview, and download any website's favicon in all available sizes

Enter a URL to check its favicon

We'll scan multiple sources including standard favicon.ico, Apple Touch Icons, and Google's favicon cache

Frequently Asked Questions

A favicon (short for "favorite icon") is a small 16Ă—16 or 32Ă—32 pixel icon associated with a website, displayed in browser tabs, bookmarks, search results, and history. It serves as a visual identifier for your brand. A well-designed favicon improves brand recognition, enhances user experience, and signals professionalism. Google also displays favicons in mobile search results, making them a subtle but real SEO factor for click-through rates.
Modern websites should provide multiple favicon formats for broad compatibility:
  • favicon.ico – 16Ă—16, 32Ă—32 (classic format, max compatibility)
  • favicon-32x32.png – 32Ă—32 PNG
  • favicon-16x16.png – 16Ă—16 PNG
  • apple-touch-icon.png – 180Ă—180 PNG (for iOS Safari, Android Chrome)
  • icon-192x192.png – for PWA manifest
  • icon-512x512.png – for PWA manifest
We recommend at minimum a 32Ă—32 favicon.ico and a 180Ă—180 apple-touch-icon.png.
Our tool checks multiple sources simultaneously to give you a complete picture:
  1. Direct URL check: We try /favicon.ico, /apple-touch-icon.png, and other common paths on the target domain.
  2. Google Favicon Service: We use Google's cached favicon API (google.com/s2/favicons) to retrieve icons at 16px, 32px, 64px, 128px, and 256px sizes.
  3. Validation: Each icon is loaded via an Image object; only successfully loaded icons are displayed with their actual dimensions.
This multi-source approach gives you the most comprehensive favicon audit available in a browser-based tool.
Common reasons include:
  • Missing or incorrect link tag: Ensure your HTML <head> includes <link rel="icon" href="/favicon.ico">.
  • Wrong file format: Browsers prefer .ico or .png. Avoid .svg as the only favicon (Safari doesn't support it well).
  • Browser cache: Favicons are aggressively cached. Hard-refresh (Ctrl+Shift+R) or clear cache to see updates.
  • CORS or path issues: If your favicon is on a different subdomain, ensure CORS headers allow access.
  • File size too large: Keep favicons under 100KB for fast loading.
Use this tool to verify which icon paths are actually accessible from your domain.
The Apple Touch Icon (apple-touch-icon.png) is a larger icon (recommended 180Ă—180 pixels) used when users add your website to their home screen on iOS devices (iPhone, iPad). It also appears in Safari's tab overview and Apple Watch. Yes, you absolutely need one. Without it, iOS uses a low-quality screenshot of your page, which looks unprofessional. Android Chrome also uses this icon for the "Add to Home Screen" prompt. Place a 180Ă—180 PNG at your site root named apple-touch-icon.png and add the link tag for best results.
Add the following lines inside your HTML <head> section: 
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Place the icon files in your website's root directory. For most CMS platforms (WordPress, Shopify, Wix), there are dedicated settings to upload your favicon without editing code.
For optimal SEO and browser compatibility, provide multiple sizes:
  • 16Ă—16 – Browser tabs (minimum requirement)
  • 32Ă—32 – Browser tabs on high-DPI screens, bookmarks
  • 64Ă—64 – Some search result displays
  • 180Ă—180 – Apple Touch Icon (iOS home screen)
  • 192Ă—192 & 512Ă—512 – PWA manifest (Android, Chrome)
Google's guidelines recommend a square icon at least 48Ă—48px for search results. Using an ICO file that contains multiple sizes (16, 32, 48) is a simple way to cover many bases with one file. For production, generate all sizes using tools like RealFaviconGenerator.
Yes, modern browsers (Chrome, Firefox, Edge) support SVG favicons via <link rel="icon" type="image/svg+xml" href="/favicon.svg">. SVG favicons are resolution-independent and lightweight. However, Safari (both macOS and iOS) does not support SVG favicons as of 2024. Therefore, always provide a fallback .ico or .png favicon. The recommended approach: use an SVG as the primary icon with a PNG fallback using the sizes="any" attribute for the SVG link tag.
Favicons don't need frequent updates. Update your favicon when:
  • You rebrand or change your logo
  • Your current favicon looks blurry or pixelated on modern screens
  • You're missing key sizes (e.g., no Apple Touch Icon)
  • You switch from raster to SVG + PNG fallback
After updating, browsers may show the old favicon due to aggressive caching. Use this tool to verify the new icon is live, and clear your browser cache or use a private window to confirm. Some sites add a version query string (e.g., favicon.ico?v=2) to force cache refresh.
There are a few possible explanations:
  • Browser cache: Your browser may be showing a cached version. Our tool always fetches fresh.
  • Custom path in HTML: If your site uses a non-standard favicon path (like /assets/img/favicon.ico) specified in a <link> tag, our direct URL check might miss it. Google's cached service usually catches these cases.
  • CDN or redirect: Some sites serve favicons through CDNs with redirects. Our tool follows standard paths.
  • Recently updated: If you just changed your favicon, DNS propagation or CDN cache may still be serving the old version to some locations.
We recommend using the Google Favicon service results (shown with the "Google" badge) as they reflect Google's indexed view of your site's icon.
🔧 Related Tools