Favicon Size Guide
| File | Size (px) | Usage |
|---|---|---|
| favicon.ico | 16×16, 32×32, 48×48 | Browser tab (legacy) |
| favicon-16x16.png | 16 × 16 | Browser tab |
| favicon-32x32.png | 32 × 32 | Browser tab (retina) |
| apple-touch-icon.png | 180 × 180 | iOS home screen |
| android-chrome-192x192.png | 192 × 192 | Android home screen |
| android-chrome-512x512.png | 512 × 512 | Android splash screen |
| mstile-150x150.png | 150 × 150 | Windows tiles |
| safari-pinned-tab.svg | SVG | Safari pinned tab |
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">