Next.js Discord

Discord Forum

getting favicons to work?

Answered
Pollock posted this in #help-forum
Open in Discord
Avatar
PollockOP
I've tried multiple guides to get my own favicon to show with no luck!
Answered by fuma 💙 joulev
Oh then you need to remove your icon in metadata

The value of icon is a url, which means it should be located in the /public folder. By putting it in app folder, you don’t need the configuration anymore
View full answer

12 Replies

Avatar
fuma 💙 joulev
Are you using App Router or Pages Router? Notice that the favicon might not be updated instantly since it’s cached by browsers
Avatar
PollockOP
App
Image
Avatar
fuma 💙 joulev
Put the favicon.ico under your app folder, or configure the path using metadata
Avatar
PollockOP
I did that
it looks like its showing the default icon which i definitely replace the file
Image
so i guess that's definitely a caching issue
Avatar
fuma 💙 joulev
Where is your icon file located?
Try clear the site data and re-open the browser, sometimes it takes longer to see the new one
Avatar
PollockOP
in /app
Avatar
fuma 💙 joulev
Oh then you need to remove your icon in metadata

The value of icon is a url, which means it should be located in the /public folder. By putting it in app folder, you don’t need the configuration anymore
Answer
Avatar
PollockOP
It's working now thank you so. much ❤️