Website Icon & Favicon Checker
Instantly fetch, inspect, and download all associated icons for any website.
Debug your web application's icons by extracting regular favicons, Apple Touch icons, Web App Manifest links, and other icon-specific meta tags to ensure they display correctly across all devices and browsers.
Use the Tool
Get notified about updates to this tool
No spam. Just high-quality updates about new features and guides.
What This Tool Does
What the tool does
The Website Icon & Favicon Checker analyzes the HTML head of any given URL. It extracts the link[rel="icon"], link[rel="apple-touch-icon"], meta[name="theme-color"], and link[rel="manifest"] tags. The tool bypasses basic browser CORS restrictions by utilizing a serverless endpoint to safely parse the exact tags injected into the page and display the detected app icons in a neat interface.
What problems it solves
When updating a website logo or PWA icon, users frequently encounter annoying browser caching issues where the old icon continues to show up. Often, this is because a specific apple-touch-icon or manifest file is pointing to the old resource. This tool allows front-end developers to double-check exactly what icon tags are loaded on their live page, confirming whether the issue is a stale cache on their machine or an incorrect meta tag in their deployment.
Who should use it
- Web Developers: Debug missing or incorrect favicons after pushing new versions to production.
- Designers: Quickly download a high-resolution favicon or touch icon from a specific brand's corporate website.
- SEO Specialists / Marketers: Ensure standard identity tags (like theme-color and tile images) are properly set according to web standards.
Why it matters
The favicon is one of the most recognizable pieces of your website. It controls how your page looks as a pinned tab, a bookmark, or when saved to the homescreen on an iOS or Android device. A missing or outdated icon causes brand inconsistency and degrades the overall professional polish of a web application.
How It Works
Input
You provide a standard website URL (e.g., https://example.com). The tool accepts full URLs as well as raw domains, automatically enforcing the proper protocol.
Processing
A secure serverless endpoint fetches the target URL's HTML payload. It then parses the <head> of the document to locate specific metadata tags (rel="icon", rel="apple-touch-icon", rel="manifest", etc.). Relative URLs are resolved and converted into absolute paths.
Limitations
The tool relies on the website being publicly accessible. Pages guarded by authentication walls, captchas, or strict bot-protection firewalls (like Cloudflare) may block the fetching process. Also, icons dynamically injected via client-side JavaScript may not be detected as the tool analyzes the initial server-rendered HTML.
Output
You receive a clean visual grid displaying all discovered icons, their specified sizes, types, and relation attributes. The tool also attempts to resolve the standard /favicon.ico fallback and provides an easy one-click download button for every asset.
Frequently Asked Questions
Why is my website showing the old favicon after I changed it?
Browsers are notoriously aggressive at caching favicons. If this tool displays your new icon but your browser still shows the old one, it is almost certainly a local caching issue. To force an update, try clearing your browser's cache or appending a cache-busting query string directly to your HTML tag (e.g., <link rel="icon" href="/favicon.ico?v=2">).
What is an Apple Touch Icon?
An apple-touch-icon is a specific icon format utilized by Apple devices. When an iOS user bookmarks your webpage or pins it to their home screen, Safari uses this designated image to display a high-quality, native-looking app icon rather than a generic webpage screenshot.
Why didn't the tool find an icon that I know is there?
If the site relies heavily on client-side rendering (like some React or Vue single-page applications) and dynamically injects the meta tags into the <head> using JavaScript after the page loads, our server-side HTML fetcher might miss them since it only scans the raw static HTML.
Related Tools
Related Posts
Get Early Access to New Tools
Be the first to try new APIs and applications. No noise. Only meaningful releases and practical engineering insights.