New Chrome extension: Design inspiration in every new tab →

Free favicon checker

See your favicon in tabs, on Google and on phones, then copy the tags you’re missing. Free, no sign-up.

Or try an example: , ,

Example result: 95 out of 100. Nearly there, with a little to tidy

Favicon

Website design inspiration gallery · A1 favicon128px64px32px16px

Browser tab and bookmarks bar

Website design inspiration gallery · A1
Website design inspiration gallery · A1
a1.gallery
Website design inspiration gallery · A1

Google

a1.galleryhttps://www.a1.gallery
Website design inspiration gallery · A1
A collection of the best websites found on the internet. Hand-picked design inspiration for designers, developers and creatives. Updated nearly every day.

Google crops it to a circle and takes weeks to pick up a new one

iPhone

A1

iOS rounds the corners itself. Keep the file square

Android

A1

No manifest icon, so Android puts this one on a white circle

How to check a favicon

A favicon shows in more places than the browser tab, and each one wants its own file. Here’s how to test yours in all of them at once.

  1. Paste your home page link

    Type your address in the box and press Check favicon. We read the page’s head, the web manifest, robots.txt and /favicon.ico, then fetch and measure every icon file. It takes a second or two.

  2. Look at every place it shows

    The board draws your icon in a light and a dark browser tab, the bookmarks bar, a Google result, and an iPhone and Android home screen. A dark, see-through icon vanishes on a dark tab. You’ll spot that straight away.

  3. Read the score

    Each check is one rule: a /favicon.ico at the root, a square icon over 48px for Google, a 180px apple-touch-icon, 192 and 512px icons in the manifest. Failures come first, with the reason in plain words.

  4. Copy the tags you’re missing

    Under the board is the full set of tags for your site, with your own file paths filled in. The bright lines are the ones to add. Paste them in your head, upload the files, and check again. Site builders like Framer and Webflow have a favicon field in site settings instead.

  5. Then check the rest of your head

    The favicon is one of two pictures people see before they visit. The other is the link preview. Test that with the OG image checker, or browse real OG images from the gallery for ideas.

Frequently asked questions

There isn’t one size. Browser tabs draw it at 16 or 32 pixels, Google recommends a square icon bigger than 48 × 48, an iPhone wants 180 × 180 and Android wants 192 and 512. The simple set is an SVG, a 32px favicon.ico, a 96px PNG, a 180px apple-touch-icon and a web manifest with the two Android sizes.

Google only shows a favicon it can crawl. The icon has to be square, at least 8 × 8 pixels (bigger than 48 × 48 is recommended), linked from your home page, and not blocked for Googlebot-Image in robots.txt. The checker tests the shape, the size and robots.txt. After a fix it’s a wait: Google picks the icon up when it next crawls your home page, which takes a few days to a few weeks.

Paste your link in the box at the top of this page. You’ll see the icon in a light and a dark browser tab, a Google result and on two phone home screens, plus a checklist of the files and sizes you’re missing. To test a site before it’s live, put it on a public preview address first. We can’t reach localhost.

Yes, it’s worth keeping. Every modern browser reads a PNG or SVG link, but feed readers, some crawlers and old browsers only ever ask for /favicon.ico. Without it they get a 404 on every visit. One 32px file at the root of your site covers them.

180 × 180 pixels, as a PNG with no transparency. iOS rounds the corners itself, so keep the image square and fill it to the edges. A see-through one gets a black background on the home screen. Name it apple-touch-icon.png and put it at the root, and an iPhone finds it even without a link tag.

Yes. Chrome, Edge and Firefox all read an SVG favicon, and it stays sharp at every size. Keep a PNG or .ico beside it though. Google’s list of favicon formats doesn’t include SVG, and older browsers and feed readers skip it.

Yes, two ways. An SVG favicon can carry a prefers-color-scheme rule inside the file and swap its own colours. Or you add a second icon link with media="(prefers-color-scheme: dark)". Without either, a dark see-through icon can vanish on a dark tab.

Because it’s cached. Browsers keep favicons longer than anything else on a page, and a hard refresh often isn’t enough. Rename the file, or add ?v=2 to its link. A new address gets past every cache at once. Google is slower still and updates on its own schedule.

An Android icon made to be cropped. Each phone maker cuts home-screen icons to its own shape, so a maskable icon keeps the logo inside the middle 80% and fills the rest with background. Without one, Android shrinks your icon onto a white circle. Add it to the web manifest as its own 512px file with "purpose": "maskable".

Yes, it’s free. No account, no ads, and we don’t keep the links you check. The only limit is 10 checks a minute. There are more free tools for fonts, colours and link previews too.