# 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

1. In the **Shopify Theme Editor**, click the ⚙️ **Theme settings** icon in the left sidebar
2. 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?**

* 💬 **Join our community on Discord:** <https://discord.gg/hcc2GvgZc6>
* 📧 **Email us at:** <support@openspaces.design>
* 💻 **Live chat with us:** Available Monday–Friday, 10AM–6PM EST, directly on our website


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/plain-jane-interactive/theme-settings/languages-and-seo/update-favicon.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
