Help with iOS Bookmark icon

I’ve been able to set it so that when I add the site to an iOS homescreen the proper icon shows. It also shows in any web browser. However, when I use iOS Safari, go to the site, book mark it to the bookmark list, a C shows for the icon. I want our icon to show just like it does for or

This is our site:

This is the code that I’m using:

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=kPgOnJYLYR">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=kPgOnJYLYR">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=kPgOnJYLYR">
<link rel="manifest" href="/manifest.json?v=kPgOnJYLYR">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=kPgOnJYLYR" color="#bd4c4c">
<link rel="shortcut icon" type="image/png" href="/favicon.png?v=kFginJYoYs">
<meta name="theme-color" content="#ffffff">

I’ve tried .ico as well as different sized icons.

Thanks in advance.

Anyone? Bumping

Forgive me for my ignorance of Safari, but which version of Safari are you using?

Is it on an Apple device or a PC?

Just guessing, but could it be a browser option rather than your code?

I believe the OP said it was ios Safari so we are talking mobile device.:slight_smile:

I don’t know much about ios icons but I believe a homescreen icon and a bookmark icon are different things. The homescreensicon is added to the homescreen whereas the bookmark icon is added to safari (not the homescreen).

You may find some info here.

Bumping threads is not really allowed so if you have not received a reply then the best course of action is to supply more details of what you have tried or add extra pertinent information rather than just saying ‘bump’.


This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.