Favicon not working.

[fathom spade]

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!

[novel condor]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[shy osprey]

Where did you put the icon?

[fathom spade]

i replaced the one that already existed, which was just in the root of the project. should it be somewhere else? @shy osprey

[shy osprey]

Yes

It needs to be under /app

[fathom spade]

ok cool, anything else i need to do or should that be it?

[shy osprey]

No thats it.

[fathom spade]

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

[shy osprey]

Hm? Did you deploy on vercel?

Or another host provider

Also click inspect element

On local dev

And check head element if its there

[fathom spade]

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?

[shy osprey]

Yes.

Have you tried restarting the dev server