What Favicon Sizes Do You Need?
Modern websites need multiple favicon sizes to look sharp across all browsers and devices. Here are the essential sizes:
- 16×16 — Browser tab icon (classic favicon)
- 32×32 — Browser tab icon (high-DPI displays)
- 48×48 — Windows site shortcut
- 180×180 — Apple Touch Icon (iOS home screen)
- 192×192 — Android Chrome icon
- 512×512 — Progressive Web App (PWA) icon
How to Add Favicons to Your Site
Place your favicon files in the root of your website and add these tags to the <head> of every page:
Browser Compatibility
All modern browsers support SVG favicons when specified with <link rel="icon" type="image/svg+xml">. For maximum compatibility, also include a 32×32 PNG fallback and the Apple Touch Icon at 180×180.