Favicon & PWA Audit
Favicon & Web App Icon Inspector
Inspect favicon declarations, high-res Apple Touch Icons, SVG vectors, and PWA Web App Manifests.
technical guide & best practices
Modern Favicon & Web App Icon Standards for Google SERP and Mobile PWAs
Favicons are prominently displayed in Google Mobile and Desktop search snippets, browser tabs, and bookmarks. Missing modern SVG vector icons or Apple Touch icons harms brand recognition and click-through rates.
Key Optimization Standards
✓Provide a modern SVG vector favicon (<link rel='icon' type='image/svg+xml' href='/icon.svg'>) for infinite crisp scaling.
✓Include a 180x180 PNG Apple Touch Icon (<link rel='apple-touch-icon' href='/apple-touch-icon.png'>) for iOS home screens.
✓Link a site.webmanifest with 192x192 and 512x512 icons for Android and PWA installability.
✓Maintain a 32x32 /favicon.ico at the domain root for legacy browser compatibility.
frequently asked questions
Frequently Asked Questions
What favicon size does Google Search use in SERP snippets?
Google recommends a multiple of 48px square (e.g. 48x48, 96x96, 192x192) or an SVG vector graphic with a 1:1 aspect ratio.
How do dark mode adaptive favicons work?
SVG favicons support native CSS @media (prefers-color-scheme: dark) rules directly inside the SVG code, automatically adjusting colors in dark mode browser tabs.
