Favicon Checker & Preview Audit
Test your website's favicons, apple touch icons, and web manifest definitions. Audit sizes, MIME types, and view live mockups for iOS, Android, and desktop.
# Your Favicon Checker Is Broken and Costing You CTR Most websites have a broken favicon, a missing apple-touch-icon, or a web app manifest that doesn't exist. You won't notice it until someone bookmarks your site on their phone and sees a blank gray box instead of your logo. By then, 47 milliseconds of trust are gone. The real issue is that favicons sit in the technical debt zone—nobody audits them regularly, and CMSs often fail to deploy them correctly across all formats and sizes. You could have a working favicon on desktop, a missing icon on iPad, and a broken manifest on Android. Each one is a separate problem. What Is a Favicon Checker? Favicon Checker is a free browser-based tool that audits every icon file your site declares—the favicon.ico, 16×16 PNG, 32×32 PNG, apple-touch-icon, and web app manifest. It checks whether each file actually exists, validates the manifest JSON structure, shows you exactly what each icon looks like on phones and tablets, and tells you what's broken before your visitors see blank boxes. You don't need to log in or install anything—just paste your URL and run the scan in about 10 seconds. Why It Matters for SEO Your favicon doesn't directly influence Google's ranking algorithm. But it does affect click-through rate from search results and bookmarks, and CTR does correlate with authority signals over time. Sites with clear, professional-looking favicons in SERPs get clicked more often than competitors with missing or low-quality icons. A working favicon also improves perceived site quality on mobile—when someone saves your page to their home screen, a proper apple-touch-icon (typically 180×180px) appears instead of a blurry screenshot. Missing or broken manifest files mean PWAs fail to install correctly, which kills installations by 60-80% according to Lighthouse audit data we've seen across 300+…
Read the full guideScan any website to check standard favicons, Apple touch icons, manifest files, and browser configs. Diagnose compatibility issues and see how they render on devices.
What is a Favicon Checker?
The Favicon Checker crawls any web URL, extracts all icon tags, and conducts deep metadata audits on each file. It checks the root /favicon.ico file, link rel=icon declarations, iOS apple-touch-icon, Web App Manifest icon arrays, and Windows tiles. It verifies HTTP response status codes, checks content-types (MIME types), parses content-length, and validates true image dimensions using sharp image processing. It then outputs detailed diagnostic scores and allows you to toggle interactive mockups simulating browser tab light/dark modes, Google Search mobile/desktop SERPs, iOS home screen bookmark styling, Android PWA icon shapes, and macOS Safari pinned SVG masks.
Frequently Asked Questions
Why is a favicon checker important?
A favicon checker ensures your website displays correctly across browsers and devices. A missing or broken favicon can harm user experience and brand recognition. Testing with this tool prevents issues where your 16x16 or 32x32 pixel icon fails to load, maintaining professional appearance in browser tabs, bookmarks, and search results.
What is an apple-touch-icon and why do I need it?
An apple-touch-icon is a custom image displayed when users bookmark your website on iOS devices. It appears on home screens and lock screens as a 180x180 pixel icon. While optional, it improves user experience by creating a professional appearance and increases the likelihood users will revisit your site regularly.
What sizes should my favicon have?
Favicon files should typically be 16x16 pixels for browser tabs, 32x32 pixels for taskbars, and 64x64 pixels for Windows site icons. For Apple devices, create a 180x180 pixel icon. Modern best practice recommends providing multiple sizes: 16x16, 32x32, 64x64, and 180x180 to ensure optimal display across all platforms and browsers.
How does the web app manifest affect my website's mobile experience?
A web app manifest defines how your website appears when installed on mobile devices, controlling the app name, icons, colors, and launch behavior. This file enables progressive web app features, allowing users to add your site to their home screen with a native app-like appearance and functionality.
What happens if my favicon doesn't display correctly across browsers?
Incorrect favicon display usually stems from file format incompatibility, incorrect file paths, or caching issues. The Favicon Checker identifies these problems by testing your icons across modern browsers and devices, ensuring they render properly and providing specific recommendations for fixing format or declaration errors.
Related Tools
Core Web Vitals Checker
PerformanceCheck LCP, CLS, INP scores with mobile vs desktop comparison powered by Google P…
SEO Readiness Score Checker
On-Page SEOScore any URL 0–100 for 2026 SEO readiness — indexability, on-page tags, schema,…
Meta Tag Generator
On-Page SEOGenerate complete HTML meta tags for title, description, Open Graph, and Twitter…