Favicon & App Icon Checker

Validate your favicon setup and generate the complete set of link tags needed for favicons, Apple touch icons, web app manifests, and more.

Site URL

Used to generate the full paths in link tags below.

Favicon Checklist

0/9 files (0%)

Required Favicon Files

HTML Link & Meta Tags

Add these tags inside your <head> element.

<meta name="theme-color" content="#ffffff">

site.webmanifest

Save this as site.webmanifest in your site root.

{
  "name": "Your Site Name",
  "short_name": "Site",
  "icons": [
    {
      "src": "/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone"
}

Favicon Best Practices

Use PNG for modern browsers: PNG favicons support transparency and look crisp at all sizes
Keep favicon.ico for legacy support: Some older browsers and tools still look for favicon.ico in the root
SVG favicons are the future: Consider adding a SVG favicon with rel="icon" type="image/svg+xml" for scalable quality
Apple Touch Icon at 180x180: iOS will downscale as needed, so provide the largest recommended size
Test on real devices: Use tools like RealFaviconGenerator to verify how your icons appear across platforms
Cache busting: Browsers cache favicons aggressively. Append a version query string when updating

Features

Favicon tag generator
Apple touch icon tags
Web app manifest
Size recommendations
Format validation
Copy all tags

SEO Tips

Keep title tags under 60 characters
Meta descriptions should be 150-160 characters
Include your primary keyword naturally
Make each page's meta unique