Favicon for Next.js
Create a favicon package that can be placed in a Next.js app directory or public folder.
Ready ZIP package
Downloads the standard 7-file favicon package used by modern websites.
Browser and app support
Includes ICO, small PNG favicons, Apple touch icon and Android Chrome icons.
Local conversion
Images are resized in your browser; no server upload is needed for generation.
Upload your source image
PNG, JPG, WEBP or SVG. A square 512x512 image gives the cleanest result.
Browser icons
- favicon.ico
- favicon-16x16.png
- favicon-32x32.png
Mobile icons
- apple-touch-icon.png
- android-chrome-192x192.png
- android-chrome-512x512.png
Web app manifest
- site.webmanifest
Next.js setup workflow
- Download the ZIP and copy icon files into the Next.js public folder or app icon locations.
- Use favicon.ico and PNG icons for browser tabs, bookmarks, and social previews.
- Add the manifest and HTML tags if your app uses PWA install metadata.
Related favicon tools
About this favicon converter
A complete favicon setup needs more than one small image. Browser tabs, bookmarks, iOS home screen icons, Android launch icons and progressive web apps all read different files.
This tool creates the common favicon.io-style package: favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome icons and site.webmanifest.
FAQ
What image works best?
Use a simple square logo or icon, ideally 512x512 pixels or larger. Detailed photos lose clarity at 16x16.
Why include favicon.ico?
The ICO file improves compatibility with older browsers and some browser bookmark or tab contexts.