Next.js Discord

Discord Forum

Change favicon[closed]

Answered
Auth posted this in #help-forum
Open in Discord
Avatar
So I got a website in NEXTJS i wanted to change the icon of website but it don't have any index.html in public folder and the image ive is jpg
Answered by not-milo.tsx
There are a couple of ways you can do that. You can place a favicon.ico file in your app directory as documented here: https://nextjs.org/docs/app/api-reference/file-conventions/metadata/app-icons#image-files-ico-jpg-png

Or you can put it in the public directory and declare it inside a metadata object as shown here: https://nextjs.org/docs/app/api-reference/functions/generate-metadata#icons
View full answer

1 Reply

Avatar
There are a couple of ways you can do that. You can place a favicon.ico file in your app directory as documented here: https://nextjs.org/docs/app/api-reference/file-conventions/metadata/app-icons#image-files-ico-jpg-png

Or you can put it in the public directory and declare it inside a metadata object as shown here: https://nextjs.org/docs/app/api-reference/functions/generate-metadata#icons
Answer