Developer
Create Favicon for Next.js
Next.js 13+ supports app/icon.png and app/favicon.ico. Generate a full icon set from your logo in the browser.
Open Favicon GeneratorTry it now
App Router files
Place favicon.ico, icon.svg, or apple-icon.png in the app/ directory.
Web manifest
Link icons in site.webmanifest for PWA support.
How to do it
- Upload logo to Favicon Generator.
- Download ICO and PNG set.
- Copy into app/ or public/.
Frequently Asked Questions
- SVG or PNG source?
- Square PNG or SVG at 512×512+ gives best results.