Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Favicon not showing in Safari

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.

like image 393
user3507631 Avatar asked Jul 28 '14 09:07

user3507631


People also ask

Why does favicon not show in Safari?

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.

Does Safari support PNG favicon?

ICO, GIF and PNG are all supported by Edge, Firefox, Chrome, Opera and Safari.


1 Answers

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/

like image 99
Ogbonnaya Ngwu Avatar answered Sep 23 '22 16:09

Ogbonnaya Ngwu