Favicon not working.
Unanswered
Belgian Shepherd posted this in #help-forum
Belgian ShepherdOP
I'm using the latest Nextjs version, and when I simply change the favicon.ico file, it does not update. On both my deployed site on Vercel and my local build, the favicon is just the default globe icon on chrome. How can I fix this? I have reset my cache many times and it has not worked. Thank you!
19 Replies
Netherland Dwarf
Where did you put the icon?
Belgian ShepherdOP
i replaced the one that already existed, which was just in the root of the project. should it be somewhere else? @Netherland Dwarf
Netherland Dwarf
Yes
It needs to be under /app
Belgian ShepherdOP
ok cool, anything else i need to do or should that be it?
Netherland Dwarf
No thats it.
Belgian ShepherdOP
Do you know when i will be able to see the icon? i have cleared my cache and deleted the .next folder to try to get it to refresh but it isnt showing up still. also isnt showing up on my deployed site
on vercel i see the icon though so that is a good sign
Netherland Dwarf
Hm? Did you deploy on vercel?
Or another host provider
Also click inspect element
On local dev
And check head element if its there
Belgian ShepherdOP
yeah i deployed on vercel
let me check the head element
<link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="32x32">
i see this in the head, does that mean its there?
i see this in the head, does that mean its there?
Netherland Dwarf
Yes.
Have you tried restarting the dev server
In dev it might not show on the first time, kinda weird but if you put under /app it should be there.