Free tools

Favicon Checker & Grabber

Paste any URL to instantly find, preview, and download every favicon a site uses, plus an audit of the icon sizes and formats it's missing for browsers, iOS, and Android.

https://
Reads every favicon from the page and its manifest

Free, no sign-up. Reads the icons straight from the page and its web manifest.

01 ·  How it works

01

Paste a URL

Drop in any website. We read its <head> and web app manifest the same way a browser does.

02

See every icon

Preview and download each favicon the site declares, from the .ico to the Apple touch and PWA icons.

03

Audit and fix

A pass/fail checklist shows which sizes and formats are missing and exactly how to add them.

What is a favicon?

A favicon (short for “favorite icon”) is the small icon a browser shows in the tab, bookmark bar, and history next to a page's title. It is the tiny piece of branding that helps people recognize your site at a glance among dozens of open tabs.

Modern sites no longer ship a single icon. They declare a small set: a classic <code>favicon.ico</code>, one or more PNGs, an SVG for crisp scaling, an Apple touch icon for iOS home screens, and icons in a web app manifest for Android and PWAs. This tool finds all of them for any URL.

How to grab a favicon from any website

Paste the site's URL above and the checker fetches the page, reads every favicon-related <code>&lt;link&gt;</code> tag and its web manifest, and lists each icon with a preview and a download button. It is the fastest way to get a favicon from a website without digging through the source.

This covers the common jobs people search for: download a favicon from a website, extract a favicon, grab a favicon from a URL, or simply check which icon a site is using.

What favicon sizes and files you actually need

You don't need dozens of files. In 2026 a clean, well-supported favicon set is small:

  • <strong>favicon.ico</strong>: a multi-size ICO (16×16 and 32×32) at the site root for legacy support.
  • <strong>32×32 PNG</strong>: the standard size browsers use for the desktop tab.
  • <strong>SVG icon</strong>: a single scalable icon that stays crisp at any size on modern browsers.
  • <strong>180×180 apple-touch-icon</strong>: used when someone adds your site to an iOS home screen.
  • <strong>192×192 and 512×512</strong>: declared in a web app manifest for Android and installable PWAs.

What this favicon checker tests

Beyond listing the icons, every URL gets an audit so you can see what's missing at a glance:

  • <strong>favicon.ico</strong>: declared explicitly, not just left to the default location.
  • <strong>32×32 PNG</strong>: the core browser-tab icon is present.
  • <strong>SVG icon</strong>: a scalable icon is offered for modern browsers.
  • <strong>Apple touch icon</strong>: present at 180×180 for iOS.
  • <strong>Web manifest icons</strong>: 192×192 and 512×512 for Android and PWA install.
  • <strong>theme-color</strong>: a meta theme color is set for the mobile browser UI.

How to add a favicon to your website

Once you've generated your icons, declare them inside the <code>&lt;head&gt;</code> of every page. A modern, well-supported set looks like this:

  • <code>&lt;link rel="icon" href="/favicon.ico" sizes="any"&gt;</code>
  • <code>&lt;link rel="icon" type="image/svg+xml" href="/icon.svg"&gt;</code>
  • <code>&lt;link rel="icon" type="image/png" sizes="32x32" href="/icon-32.png"&gt;</code>
  • <code>&lt;link rel="apple-touch-icon" href="/apple-touch-icon.png"&gt;</code>
  • <code>&lt;link rel="manifest" href="/site.webmanifest"&gt;</code>

favicon.ico vs PNG vs SVG vs Apple touch icon

Each format has a job. The <code>.ico</code> is the universally supported legacy file and can hold several sizes in one. PNGs cover the exact tab sizes browsers ask for. An SVG icon is a single file that scales perfectly and can even adapt to dark mode. The Apple touch icon is a larger PNG (180×180) used for iOS home screens, and manifest icons (192 and 512) power Android and installable PWAs.

Declaring all of them is what makes your site look sharp everywhere, from a desktop tab to a phone home screen.

Why isn't my favicon showing?

The usual causes are caching and paths. Browsers cache favicons aggressively, so a hard refresh or a visit in a private window often reveals the new icon. Make sure the file actually exists at the URL you declared (a relative path can resolve to the wrong place), that it returns HTTP 200, and that the file size is reasonable. Run this checker again after deploying to confirm every icon resolves.

More free tools

FAQ

Common questions

Everything about the Favicon Checker & Grabber.

Common questions

A favicon is the small icon a browser displays in the tab, bookmarks, and history beside a page's title. It is short for 'favorite icon' and acts as the lightweight branding that helps users recognize your site among many open tabs.

Paste the website's URL into the checker above. It fetches the page, reads every favicon link in the head and the web manifest, and gives you a preview and a download button for each icon. That is the quickest way to download or extract a favicon from any site without opening the source code.

favicon.ico is the classic favicon file, an ICO image that can contain several sizes (typically 16x16 and 32x32) in one file. Browsers automatically look for it at the root of a domain (/favicon.ico) even if it isn't declared, which is why it remains the baseline for legacy support.

Provide a multi-size favicon.ico (16x16 and 32x32), a 32x32 PNG for the desktop tab, an SVG for scalable rendering, a 180x180 apple-touch-icon for iOS, and 192x192 plus 512x512 icons in a web manifest for Android and PWAs. You do not need dozens of files; this small set covers every modern platform.

The recommended modern set is: favicon.ico (16 and 32), a 32x32 PNG, an SVG icon, a 180x180 Apple touch icon, and 192x192 and 512x512 manifest icons. This tool's audit checks for each of these and flags the ones a site is missing.

Place your icon files in your site (often at the root) and declare them inside the head of each page with link tags: rel='icon' for the ico, SVG, and PNG, rel='apple-touch-icon' for iOS, and rel='manifest' for the web manifest. After deploying, re-run this checker to confirm every icon resolves.

Add link tags in the head. A minimal modern set is: a link rel='icon' pointing to /favicon.ico with sizes='any', a link rel='icon' type='image/svg+xml' for the SVG, a 32x32 PNG icon, an apple-touch-icon, and a link rel='manifest'. The browser picks the best icon for each context.

In WordPress, go to Appearance, then Customize, then Site Identity, and upload a Site Icon (at least 512x512). WordPress generates the favicon and Apple touch icon for you. If the old icon persists, clear your browser cache or check in a private window, then verify with this tool.

favicon.ico is the small icon shown in browser tabs and bookmarks on desktop. The apple-touch-icon is a larger PNG (180x180) used when someone adds your site to an iOS home screen. They serve different surfaces, so a complete site declares both.

It is recommended but not required. An SVG icon is a single file that stays crisp at any size and can adapt to light or dark mode, so modern browsers prefer it. Pair it with a 32x32 PNG and a favicon.ico for browsers that do not support SVG icons yet.

Yes. PNG favicons are widely supported and are the standard for specific sizes like 32x32 and the 180x180 Apple touch icon. Keep a favicon.ico as well for the broadest legacy support, since some older clients still request it by default.

Most often it is caching: browsers hold on to favicons, so try a hard refresh or a private window. Otherwise check that the file exists at the path you declared, returns HTTP 200, and is a valid image. Running this checker after each deploy confirms the icons resolve correctly.

A favicon is not a ranking factor, but Google shows it next to your result in mobile search, so a clear, recognizable icon can improve click-through rate. It also strengthens brand recognition in tabs and bookmarks, which indirectly supports engagement.

Yes. The Favicon Checker & Grabber is completely free and needs no account. It reads the icons live from the URL you paste and nothing is stored.

[ CAPTURE ][ RENDER ][ API ]

Get Started

Need to generate og:images at scale?

ScreenshotRender renders pixel-perfect 1200×630 social images from any URL or HTML template. Start free with 100 screenshots, no credit card.

Want to integrate via API? Get your key here