Hello all,
This is my site
When I am locally testing my site, my favicon appears and when I deploy to Netlify, the deploy preview also shows the favicon perfectly fine. But when I publish and deploy my site officially, the favicon disappears.
I have my favicon in my root project folder as “favicon.ico” and I also see it when downloading a copy of my production build, so it’s definitely there. In the head of my HTML file I have these two lines:
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/png">
And this is the structure of my project locally:
I was thinking it could be an issue with it being in the public folder locally, but I’ve tried adding “%PUBLIC_URL%” before the favicon path in my html head element, and that didn’t work either.
Could this be a React-related issue with the way my project is structured? I followed a tutorial to build my site so I’m not super familiar with using React.
I have looked at all other posts on here and have tried the solutions people offered. Cleared my cache, and even tried loading my site from a different browser and incognito, but alas, nothing.
(Also, I am using manual deployment with the Netlify CLI if this info helps at all)
Any help would be much appreciated!