Why isn't my favicon showing up on iPhone's Safari?

Topic summary

Favicon not appearing on iPhone Safari despite adding multiple lines to theme.liquid; site URL and a screenshot were provided. The issue is specific to mobile Safari.

An initial suggestion to add code (details not shown in the post) did not resolve the problem. The original poster confirmed the favicon still doesn’t show on their phone.

A later reply recommended using an iOS-specific icon:

  • Rename the favicon PNG (100x100) to apple-touch-icon.png and upload it to the site’s content area.
  • Insert under : .
  • Save changes, then save the website as a bookmark to verify the icon.

This guidance targets the Apple Touch Icon, which iOS uses for bookmarks/home screen icons. No confirmation yet that this fixed the issue, and the thread remains unresolved. An image attachment was included, but no code/attachments are essential beyond the link tag shown.

Summarized with AI on December 13. AI used: gpt-5.

Hi,

My favicon is not showing up on Safari, specifically the iPhone. I have tried add multiple lines of code to the theme.liquid file and nothing seemed to have worked. Can someone please help. I have attached all the code I added to the file. The website is www.iyaofficial.com.

Hello @iyaofficial
Try with the below code


Hi,

Thank you for your reply. But that hasn’t seemed to have worked. I’m still unable to see it on my phone.

  • label your favicon .png (100x100px) “apple-touch-icon.png” save your favicon in your content area

  • go into theme.liquid code

  • right under paste this code:

  • save code

  • save website as bookmark and there it is