🖼️ Favicon Checker

Check if your site has a properly configured favicon. Verify link tags, /favicon.ico, Apple Touch Icons, and more.

Check Favicon

Enter any URL to check its favicon configuration and available icon resources.

About the Favicon Checker

A favicon is a small but important detail that makes your site look professional. It appears in browser tabs, bookmarks, history, and (on mobile) in Google search results. A missing or broken favicon signals low quality to users.

Recommended Favicon Setup

<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">

Icon Types

  • /favicon.ico — Legacy format. Browsers check this URL by default.
  • link rel="icon" — Modern favicon declaration. Supports PNG, SVG, ICO.
  • Apple Touch Icon — Used when saving to iOS home screen. Recommended 180×180px.
  • Web Manifest — For Android/Chrome PWA icons.

Frequently Asked Questions

What is a favicon?
A favicon is the small icon that appears in browser tabs, bookmarks, and shortcuts. It helps users identify your site at a glance and reinforces your brand. Every professional website should have one.
What formats should I use?
For broadest compatibility, provide a 32×32 ICO file at /favicon.ico (legacy support), plus a 180×180 PNG for Apple Touch Icon, and a 192×192 PNG for Android. Modern browsers also support SVG favicons.
How do I add a favicon to my site?
Add <code>&lt;link rel="icon" href="/favicon.ico"&gt;</code> to your &lt;head&gt;. For modern setups, also include <code>&lt;link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"&gt;</code>.
Does the favicon affect SEO?
Not directly for rankings, but it appears in Google search results (mobile), bookmarks, and browser tabs. A missing favicon makes your site look unprofessional and can reduce brand recognition.