Update Favicon
What You’ll Learn
How to upload a favicon to your Shopify store
How to set an Apple touch icon
How to enable SEO features like rich snippets
🧩 What Is a Favicon?
A favicon is the small icon that appears in browser tabs, bookmarks, and mobile search results. It helps reinforce your brand visually across all browsing contexts.
💡 Recommended size: 32x32px, saved as a
.png
with a transparent background.
How to Add or Update Your Favicon
Step 1: Open Theme Settings
In the Shopify Theme Editor, click the ⚙️ Theme settings icon in the left sidebar
Scroll down and open the SEO Settings panel
Step 2: Upload Your Favicon
Click Select under the Favicon Image field
Upload a square image (preferably 32x32 pixels)
Choose from your existing files or upload a new one
The image will automatically be scaled and applied across all browser tabs.
Add an Apple Touch Icon (Optional)
This icon appears when a user saves your site to their iOS home screen.
Upload a 120x120px image under Apple touch icon image
This image should match your branding and have good contrast
Enable Rich Snippets (Optional)
These toggles help boost your visibility in search engines:
Enable Product Rich Snippets: Includes structured data for price, availability, and reviews
Enable Article Rich Snippets: Useful if your site includes blog content
⚠️ These features assist search engines but do not guarantee rich results. Actual display is determined by Google.
✅ You’re Done!
Once saved, your favicon will appear in:
Browser tabs
Bookmarks
Mobile device previews
Google search results (if eligible)
Make sure to clear your browser cache if you don’t see the changes right away.
Need Help?
📧 Email us at: support@openspaces.design
💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website
Last updated