CODEWITHSUNDEEP
htmlsafarifavicon
Cris
Cris

Reputation: 261

Safari Favorites/Bookmark Icon not displaying

This pertains to Safari Bookmark and Favorites Icons
No matter what I do, I cannot get my bookmark icon/favorites icon to appear. I've tried the following: 

 <link rel="icon" href="/images/favicon.png" type="image/x-icon">

Waited for days, cleared my cache, and nothing. Then I added:

 <link rel="icon" type="image/png" href="https://mywebsite.com/images/favicon-96x96.png" sizes="96x96">
 <link rel="icon" type="image/png" href="https://mywebsite.com/images/favicon-144x144.png" sizes="144x144">

And it still doesn't work. I also added an apple-touch-icon.png in my root directory, and this works, but only for adding my website to the homescreen. For bookmarks and favorites, it still shows just the first letter of my website.

I've researched everywhere and nothing seems to work, have things changed? Help is much appreciated, thank you!

Upvotes: 2

Views: 8445

Answers (2)

DoraCet
DoraCet

Reputation: 21

With iOS 11.4 you have to close the Safari app first and then clear the cached data.

Upvotes: 1

Niels de Bruin
Niels de Bruin

Reputation: 713

The most commonly accepted way is to have a favicon.ico file in your site's root directory. You can generate a favicon file here.

To set icons explicitly you can look here, but this is complementary.

Upvotes: 1

Related Questions