Back to Dashboard

Favicon Checker

Check if your website has a properly configured favicon, see how it appears across browser tabs and bookmarks, and get tips to fix any issues.

What is Favicon Checker?

A Favicon is a small icon that serves as branding for your website. Its main purpose is to help visitors locate your page easier when they have multiple tabs open. It adds legitimacy to your site and helps boost your online branding as well as trust from potential consumers.

How to Fix It

Either use an online Favicon builder tool, or work with a graphic designer to build your Favicon, then load it into your website or CMS. Make sure the file is named favicon.ico or favicon.png and placed in the root directory of your site so browsers can detect it automatically.

Best Practices

  • Use a size of 32×32px or 16×16px for standard favicons.
  • Provide a 180×180px apple-touch-icon for iOS devices.
  • Keep the design simple — it needs to be recognizable at a tiny size.
  • Use a transparent background so it looks good on any browser tab.
  • Include the <link rel="icon"> tag in your HTML <head> for best compatibility.