favicon issues
Unanswered
Swedish Elkhound posted this in #help-forum
Swedish ElkhoundOP
I am facing problems trying to remove/overwrite the default favicon. I tried creating a new nextjs app from scratch, replacing the favicon.ico file but the default appears, even in other browsers/incognito. Is this a bug reported already?
16 Replies
Also favicons are cached, so if the link is same you will end up with the wrong favicon most likely. Try disabling cache for the testing inside your devtools.
@Clown Are you placing your favicon in the correct place?
Swedish ElkhoundOP
yes, just replaced the favicon.ico that Nextjs have by default. Let me try cache stuff
It worked on Firefox, but not in Safari (even disabling cache from dev tools)
Try using icon
Swedish ElkhoundOP
should I do something else besides having an icon.ico file inside /app?
@Swedish Elkhound should I do something else besides having an icon.ico file inside /app?
Just that and disabling cache to see if it even works.
Swedish ElkhoundOP
Nothing
I think it's something with Safari
Have you also placed an 'apple-icon.jpeg' in app directory?
Safari may use the apple version not the favicon
I'm just guessing
Swedish ElkhoundOP
added apple-icon.png inside app dir. I still see the default in Safari 😦
Also tried by removing .next dir
@Swedish Elkhound I think it's something with Safari
If disabling cache and using incognito and using both favicon and icon doesnt work, try checking if the head contains the meta tags.
Otherwise i dont know any other solution unfortunately
Otherwise i dont know any other solution unfortunately
Swedish ElkhoundOP
So strange. The head looks fine, there is a link to favicon.ico. Question. The file should appear on Network tab? I don't see it.