'favicon not loaded after firebase deployment
Hi is there any reason why favicon.ico is not loaded in deployed site ?
I have in my index.html head
<link rel="icon" href="images/favicon.ico" />
When loading the index.html from my public dir the icon loads fine.
However after 'firebase deploy' the icon does not load.
Any help ?
Solution 1:[1]
The answer is just wait for a while, or using another web browser. I just had the same thing with Chrome, but the icon is displayed well on Firefox or Brave. Happy coding!
Solution 2:[2]
You may try below:
Your icon should be inside the public folder:
yourproject_name/public/favicon.ico
and use this in your index.html file
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
Happy coding!
Solution 3:[3]
The issue occurs because your browser cached the old icon and still displays it. Hard reload your webpage to fix, in Chrome cmd+shift+R #mac OR ctrl+shift+R # windows/Linux
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | nambk |
| Solution 2 | Parag Gangil |
| Solution 3 | lordvidex |