Apple Touch Icon Detection
Check for iOS home screen icons (apple-touch-icon.png) for iPhone and iPad support.
Format & Mime Verification
Verify PNG, ICO, SVG, and WebManifest icon formats and declared dimension sizes.
Default Fallback Check
Ensure root /favicon.ico is accessible to prevent 404 console errors in browsers.
Fetching Webpage & Auditing Favicon Resources…
Checking HTML icon tags, apple-touch-icons, resolving relative URLs, and testing icon accessibility.
Favicon Health Score
100 / 100
Evidence-BasedTotal Icons Found
0 Icons
Declared LinksApple Touch Icon
Present
iOS Bookmark IconWeb App Manifest
Missing
PWA Configuration| Preview | Rel Attribute | Declared Sizes | Content Type | HTTP Status | Resolved Icon URL |
|---|
<link rel="icon" href="/favicon.ico">Why Favicons are Essential for UX & Branding
Favicons are small brand icons that appear next to your website title in browser tabs, bookmark bars, mobile home screens, and Google search result snippets. Providing high-resolution favicons builds instant brand recognition, increases trust, and prevents 404 request errors.
How to Use the Favicon Checker
1 Enter Website URL
Paste any domain or page URL into the input bar.
2 Click Check Favicons
Our auditor scrapes page HTML to detect declared icon tags and default /favicon.ico.
3 Inspect Formats
Review thumbnail previews, mime types, sizes, and icon resolution.
Favicon Implementation Best Practices
Recommended
- Provide a 32x32 PNG or ICO icon for desktop browser tabs.
- Include a 180x180
apple-touch-icon.pngfor iOS devices. - Provide an
icon.svgvector file for scalable dark mode tabs. - Keep a legacy
/favicon.icofile at domain root directory.
Avoid
- Avoid using low-resolution 16x16 icons as your sole favicon.
- Do not return HTTP 404 errors for default
/favicon.icorequests. - Avoid complex graphics that become unreadable when scaled to 16px.
- Don't forget to declare
manifest.jsonfor Progressive Web Apps (PWA).
Frequently Asked Questions (FAQ)
<link rel="apple-touch-icon" href="...">) is used when a mobile user adds your website to their iPhone or iPad home screen as a shortcut.
@media (prefers-color-scheme: dark)). Always include PNG/ICO fallbacks for legacy browsers.
<link rel="icon" ...> tags must be included in the <head> section of your HTML layout.
