How do I check if my favicon is working?

Enter your website URL and run the favicon checker. It tests favicon.ico, declared icon links, Apple Touch Icon, web manifest, and app icon coverage.

Why is my favicon not showing in Google?

Google needs a crawlable, square favicon in a supported image format. Use a stable URL, avoid blocked assets, and provide at least a 48x48 icon.

Where should favicon.ico be placed?

For most websites, place favicon.ico at the public root so it is available at /favicon.ico. Frameworks such as Next.js, Astro, Nuxt, and SvelteKit usually serve this from public or static folders.

Do I need an Apple Touch Icon?

Yes if you care about iPhone and iPad home screen saves. A 180x180 apple-touch-icon.png is the common default.

Favicon Checker

Check whether a website favicon is installed correctly. Test favicon.ico, HTML link tags, Apple Touch Icon, web app manifest, and app icon sizes in one place.

Run a favicon test

Checks browser tabs, Google results, iOS, Android, manifest, and markup.

If something is missing, copy the AI repair prompt or generate a new package.

What this favicon checker tests

Browser icons: favicon.ico, PNG icon links, SVG icon links, status, and MIME type.

Platform coverage: Google search, Apple Touch Icon, Android/PWA manifest icons.

Repair workflow: recommendations, detected markup, and an AI prompt for fixes.

Why your favicon is not showing

The favicon file may be missing, blocked, redirected, or served with the wrong type.

The page may also rely on browser fallback without declaring modern PNG, SVG, Apple, or manifest icons.

For Google results, keep the favicon crawlable, square, stable, and at least 48x48 pixels.

How to fix favicon issues

1. Generate a complete favicon package if files are missing.
2. Upload files to the public root or framework static directory.
3. Add HTML metadata, Apple Touch Icon, and site.webmanifest links.
4. Re-run this favicon test after deployment.

Favicon setup by platform

HTML: place files at the site root and add link tags in head.

Next.js: place files in public and configure metadata or app icons.

Astro, Nuxt, SvelteKit: use public/static folders and shared head config.

WordPress: use Site Icon, theme head hooks, or a stable uploaded asset URL.

Frequently Asked Questions

How do I check if my favicon is working?: Enter your website URL and run the favicon checker. It tests favicon.ico, declared icon links, Apple Touch Icon, web manifest, and app icon coverage.
Why is my favicon not showing in Google?: Google needs a crawlable, square favicon in a supported image format. Use a stable URL, avoid blocked assets, and provide at least a 48x48 icon.
Where should favicon.ico be placed?: For most websites, place favicon.ico at the public root so it is available at /favicon.ico. Frameworks such as Next.js, Astro, Nuxt, and SvelteKit usually serve this from public or static folders.
Do I need an Apple Touch Icon?: Yes if you care about iPhone and iPad home screen saves. A 180x180 apple-touch-icon.png is the common default.

Free Tools

More free tools from LaunchVault

Favicon GeneratorCreate ICO, PNG, Apple Touch Icon, Android, and manifest favicon packages.Traffic CheckerCheck estimated visits, rankings, traffic sources, and engagement.