Favicon Checker

Check that a favicon has been properly integrated into your website.

What is Favicon Checker?

Favicon Checker is a free tool to check that a favicon has been successfully implemented on your site. To put it simply, favicons are the little icons next to the URL in your browser's address bar. When someone bookmarks your page, the bookmarks are stored next to the URL's title. This will assist people remember your site's name and make it simple for them to find in their bookmarks.

How to add a favicon to your website?

Add a <link> tag to the header of your home page with the following syntax:

<link rel="shortcut icon" href="/path/to/favicon">

The rel attribute should be set to one of the following strings:

  • shortcut icon
  • icon
  • apple-touch-icon
  • apple-touch-icon-precomposed

Favicon Guidelines

  • Make sure your favicon aesthetically represents the brand of your website so users can instantly recognize it while browsing search results.
  • Your favicon must be a square multiple of 48px, such as 48x48px, 96x96px, 144x144px, etc. Unlike other file formats, SVGs are not limited in size.
  • Avoid wasteful wasting of space. Favicons are small, thus it might be difficult to make out fine details in a complex image.
  • Keep it simple. It's important for favicons to be simple enough that people can understand them without much effort. Don't create a favorite that's too stuffed.