Generate all the favicon files your site needs - from text, an image, or an emoji. 100% client-side, nothing is uploaded anywhere.
| File | Size | Use | |
|---|---|---|---|
| favicon.ico | 32x32 | Legacy browsers | |
| favicon-32x32.png | 32x32 | Modern browsers | |
| apple-touch-icon.png | 180x180 | iOS home screen | |
| android-chrome-192x192.png | 192x192 | Android PWA | |
| android-chrome-512x512.png | 512x512 | Android splash | |
| favicon.svg | Vector | Scalable, modern browsers |
<link rel="icon" href="/favicon.ico" sizes="any" /><link rel="icon" href="/favicon.svg" type="image/svg+xml" /><link rel="apple-touch-icon" href="/apple-touch-icon.png" /><link rel="manifest" href="/site.webmanifest" />// Just place these files in your /app directory:// app/favicon.ico// app/apple-icon.png// app/icon.svg// Next.js will automatically serve them!One email a week with production tips, new tools, and guides. Unsubscribe anytime.
