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
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
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
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
@Pollock in /app
Avatar
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 ❤️