Report

Help us improve this tool

Favicon Checker

Paste a page's HTML head to check favicon declarations, detect missing icon sizes, and verify manifest and SVG icons. Analysis runs entirely in your browser.

O M T

What the Favicon Checker Does

The Favicon Checker inspects the icon declarations in a page's HTML head and tells you whether the page is set up correctly for browsers, phones, and home screen installs. Paste the head section of any page and the tool lists every icon link it finds, shows the declared sizes and file format for each one, and compares what you have against the sizes that are recommended for full cross-browser coverage.

All parsing happens locally in your browser with the same HTML parser the browser uses. Nothing is uploaded, and no URL is requested, so you can safely check pages that are not publicly accessible yet.

What the Checker Looks For

  • Icon link tags: rel="icon", rel="shortcut icon", rel="apple-touch-icon", rel="apple-touch-icon-precomposed", rel="mask-icon", and rel="fluid-icon".
  • Declared sizes: the sizes attribute, with a fallback to numbers found in the file name such as favicon-32x32.png.
  • Formats: ICO, PNG, SVG, JPG, WebP, and icons embedded as data URIs.
  • Windows tiles: the msapplication-TileImage meta tag.
  • Web manifest: whether a rel="manifest" link is present for PWA installs.
  • Theme color: the theme-color meta tag that colors mobile browser chrome.

Recommended Favicon Sizes

Size Used By
favicon.ico Legacy browsers, RSS readers, and fallback requests
16x16 Browser tab on low density screens
32x32 Browser tab on standard screens
48x48 Windows shortcuts and taskbar
180x180 Apple touch icon on iPhone and iPad
192x192 Android home screen and PWA install banner
512x512 PWA splash screen and app stores
SVG Modern browsers, crisp at any size (optional but recommended)

How to Use the Checker

  1. Open your page in a browser and copy the contents of the <head> section, or export the HTML from your framework.
  2. Paste it into the left panel. A sample is available if you want to see how the analysis looks first.
  3. Review the coverage score and the recommended sizes checklist.
  4. Check the icon table for missing sizes, wrong formats, or paths you did not expect.
  5. Read the notes for manifest, data URI, and relative path reminders.

Common Favicon Mistakes

  • Only shipping favicon.ico: modern phones expect PNG or SVG icons in specific sizes, and iOS looks for a 180x180 apple touch icon.
  • Missing the manifest: without a web app manifest, Android and desktop installs cannot show proper launcher icons.
  • Wrong sizes attribute: declaring sizes="32x32" on a 16x16 file makes browsers scale a blurry image.
  • Stale caches: browsers cache favicons aggressively. After a redesign, add a version query string such as favicon.png?v=2 so clients pick up the new file.
  • Relative paths in exported HTML: relative hrefs only resolve correctly when the HTML is served from the site they belong to.

Related Tools

To create a complete icon set from a single image, the Favicon Generator produces every recommended size with installation code. To inspect an existing site, the Website Favicon Downloader fetches the icons a live page serves. Once your icons are ready, the Meta Tag Generator builds the rest of the head markup for search engines and social sharing.

Frequently Asked Questions

Do I really need all seven recommended sizes?

You can ship fewer and most desktop browsers will still work, but you will get blurry or missing icons on some devices. The 32x32 PNG or ICO and the 180x180 apple touch icon are the most important, followed by 192x192 and 512x512 for Android and PWA installs.

Which tag does the browser prefer when several are declared?

Browsers pick the best match for the context. Modern browsers prefer SVG when offered, fall back to PNG sizes that fit the tab, and use the ICO only when nothing better is declared. Declaring several sizes is standard practice.

Can the checker read icons inside my web manifest?

No. The manifest is a separate file, and this tool only analyzes the HTML you paste. It does tell you whether a manifest is linked and reminds you to verify that it lists 192x192 and 512x512 icons.

What is a data URI icon?

A data URI embeds the image directly in the HTML instead of pointing to a file. It is convenient for tiny SVG icons but can bloat your HTML and cannot be cached separately, so use it sparingly.

Why do my new icons still look old in the browser?

Favicons are cached for a long time and sometimes stored in a separate cache from the rest of the site. Clear the favicon cache, hard refresh, or add a version query string to the icon URL after replacing the files.

Related Tools

Polynomial Division Calculator icon Polynomial Division Calculator YAML to TypeScript POJO Generator icon YAML to TypeScript POJO Generator Angular Formatter icon Angular Formatter Instagram Line Break icon Instagram Line Break GAD-7 Calculator icon GAD-7 Calculator PIN Generator icon PIN Generator JSONify String icon JSONify String Literal Equation Solver icon Literal Equation Solver GraphQL To Schema AST icon GraphQL To Schema AST Cubic Yards Calculator icon Cubic Yards Calculator OG Preview icon OG Preview Holiday Calendar icon Holiday Calendar Delete List Items icon Delete List Items Sunrise Sunset icon Sunrise Sunset Gallon Converter icon Gallon Converter Battery Life Calculator icon Battery Life Calculator Thanksgiving Calories Calculator icon Thanksgiving Calories Calculator Molecular Weight Calculator icon Molecular Weight Calculator JSON To Zod icon JSON To Zod L-system Generator icon L-system Generator

Recent Visits