I've searched all over the internet already and I still don't know why the favicon wont show on safari, it shows ok on chrome and FF, I've tried these in the header:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
or this
<link rel="shortcut icon" href="favicon.ico?23189123" type="image/x-icon"/>
changed the favicon to 32 bits, or removed the WebpageIcons.db from safari library etc. and I check the website on browserstacks in case is my cache..
Is there anything else Im missing? please let me know any suggestions, thanks in advance.
The browser does not display favicons if they are local Browsers like Chrome and Safari do not display favicons if they are local (they have not been uploaded to a server). Chrome, for example, is only able to show the favicon if it is located in the downloads folder.
ICO, GIF and PNG are all supported by Edge, Firefox, Chrome, Opera and Safari.
Safari uses "apple-touch-icon" and not just "icon". Also, you will have to specify the icon for all Apple devices if you want it to show up in all of them.
Read more here https://css-tricks.com/favicon-quiz/
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With