Skip to content

Favicon checker: see which icon every place would show

This favicon checker fetches every icon your page declares, the manifest icons and /favicon.ico, measures them, and shows what a browser tab, a Google result and an iPhone home screen would display.

Any page: the icons are declared per page, usually the same on all of them.

  • Free, no account
  • Results in under a minute
  • Tab, Google, iOS, Android, manifest
Example result

example-shop.hr

Sample shop · the same check you get for your own page

Run it on your site

3 things to fix before every place shows the right icon for example-shop.hr.

Browser tab
Example Shop – Example Shop
Google result
Example Shopexample-shop.hr
iPhone home screen
no touch icon: iOS shows a screenshot

Where each size is used

  • yes16 or 32 pxbrowser tabs and bookmarks
  • no48 px or more, squareGoogle results
  • no180 px touch iconiPhone and iPad home screen
  • no192 and 512 px in the manifestAndroid and installed web apps
  • noSVGsharp at every size, dark mode aware
  • yes/favicon.icoolder clients and crawlers

Icons we found

Icons declared by example-shop.hr and what each answered
Declared asAddressSaysIsStatus
icon/assets/img-32x32.pngnot setpng 32×32 1 KBOK
/favicon.ico/favicon.iconot setico 32×32 1 KBOK

What we found

0 failed3 warnings4 passed
Show 4 passed checks

Fix these first

From the example above. Check your own page to get the fixes that apply to it.

  1. Warning: No square icon of at least 48 by 48 pixels

    Google shows your icon next to the search result only when one of your icons is square and at least 48 pixels (a multiple of 48 is best), or an SVG.

    How to fix it: Add a square PNG of 48, 96 or 192 pixels, or an SVG, with <link rel="icon" href="/icon.png" sizes="96x96"> on the home page.

  2. Warning: No web app manifest with 192 and 512 pixel icons

    Chrome on Android, and every browser that installs a site as an app, reads the icons from the web manifest linked with rel=manifest.

    How to fix it: Add a manifest file linked with <link rel="manifest" href="/site.webmanifest"> that lists a 192 by 192 and a 512 by 512 pixel PNG, ideally one of them with purpose maskable.

  3. Warning: No apple-touch-icon is declared

    iPhones and iPads use this icon when someone adds your site to their home screen or shares it in Messages.

    How to fix it: Add <link rel="apple-touch-icon" href="/apple-touch-icon.png"> with a 180×180 px PNG.

What the favicon checker checks

The page's icon links, the manifest and /favicon.ico, each fetched and measured, then checked against what every place needs.

  • Site favicon

    Checks for the small icon Google shows next to your listing and browsers show in tabs and bookmarks.

  • Apple touch icon

    Checks for the icon iPhones and iPads use when your site is added to the home screen or shared.

  • Favicon loads

    Fetches the declared icon, or /favicon.ico, and checks it answers with an image.

  • Google result icon

    Google shows a favicon next to your result only when it is square and at least 48 by 48 pixels, or an SVG.

  • Icon content type

    Catches icons that answer 200 with an HTML page or the wrong type, which browsers then ignore.

  • Touch icon size

    iPhones and iPads use a 180 by 180 pixel PNG when your site is added to the home screen.

  • Manifest icons

    Android and installed web apps take their icons from the manifest, at 192 and 512 pixels.

  • SVG icon

    One SVG icon stays sharp at every size and can follow dark mode.

  • favicon.ico fallback

    Older clients and some crawlers ask for /favicon.ico without reading the page.

Show 5 more checks

  • Icon content type

    Catches icons that answer 200 with an HTML page or the wrong type, which browsers then ignore.

  • Touch icon size

    iPhones and iPads use a 180 by 180 pixel PNG when your site is added to the home screen.

  • Manifest icons

    Android and installed web apps take their icons from the manifest, at 192 and 512 pixels.

  • SVG icon

    One SVG icon stays sharp at every size and can follow dark mode.

  • favicon.ico fallback

    Older clients and some crawlers ask for /favicon.ico without reading the page.

How the favicon checker works

  1. Read the page

    We fetch the page and read every rel=icon, apple-touch-icon, mask-icon and manifest link in its head, at most twelve icons and ten manifest entries.

  2. Fetch each icon

    Every icon is fetched and measured, so a 404, a web page served as an icon or a tiny image shows up, not just the tag.

  3. Compare with each place

    Browser tabs want 16 or 32 pixels or an SVG; Google a square of at least 48; iPhones a 180 pixel touch icon; Android and installed apps 192 and 512 in the manifest.

We read one page and the icons it links; a CMS that sets different icons per section needs a check per section.

Favicon checker questions

Which icon does Google pick for a search result?

Google shows a favicon only when it is square, at least 48 by 48 pixels (a multiple of 48, or an SVG), declared with rel=icon on the home page, and reachable by Googlebot. A 16 or 32 pixel .ico alone does not qualify, so the result gets a generic icon. Add a 48 pixel or larger PNG, or an SVG, keep /favicon.ico for old clients, and wait for a recrawl; it can take a few weeks to update.

What sizes does a favicon need?

One SVG covers tabs and bookmarks at any size and can follow dark mode; add a 32 pixel PNG or .ico as a fallback. Google wants a square icon of at least 48 pixels. iPhones use a 180 pixel apple-touch-icon. Android and installed web apps read 192 and 512 pixel icons from the web manifest. The checker lists which of these your page already has.

Where do I put the favicon?

Declare it in the head of every page with a link rel=icon tag pointing at the file, and keep a copy at /favicon.ico in the site root because some clients ask there without reading the page. In WordPress, upload a square image of at least 512 pixels as the Site Icon under Appearance, Customize, Site Identity, and WordPress writes the tags and sizes for you.

What is an apple-touch-icon?

The icon iPhones and iPads use when someone adds your site to the home screen or shares it in Messages: a 180 by 180 pixel PNG declared with link rel=apple-touch-icon, without transparency, because iOS fills transparent areas with black. Without it, iOS shows a small screenshot of the page instead.

Do I need a web manifest for icons?

For Android and for installing the site as an app, yes: Chrome reads the icons from the manifest file linked with rel=manifest, and wants at least a 192 and a 512 pixel PNG, ideally one marked purpose maskable so Android can crop it to its shape. For plain browsing, the rel=icon tags are enough.

Is this favicon checker free?

Yes, with no sign-up. getReport is funded by donations, not plans. The full report checks the rest of the page too, from speed to social previews, and is also free.

Related free tools

All 59 tools →

Free, funded by the people who use it

No account, no paid plan. Donations keep it running.

Chip in