This article walks you through how to change a favicon in your Shopify store.
What is a favicon in Shopify?
A favicon (short for “favorite icon”) is a small icon that appears next to your store name in browser tabs, bookmarks, and more.
In Shopify, it shows up in:
- The browser tab beside your store name
- Bookmarks and browser history
- Some mobile search results
Recommended favicon specs:
| Size | 32×32 pixels |
| Format | PNG (preferred), JPG, or ICO |
| File size | Keep it under 100 kB for fast loading |
How to change or upload a new favicon image to your Shopify?
Follow the steps below to change your favicon:
- Go to your Shopify admin > Online Store > Themes
- Click Customize on your current theme
- In the left sidebar, go to Theme Settings > Favicon > Select
- Upload your favicon file or choose one from your library
- Click Save in the top right corner
If you don’t see the update right away, try clearing your browser cache or checking in an incognito window.
(Optional) Use custom code for advanced favicon setup
If you prefer to add a favicon manually or want more control, you can insert a custom <link> tag directly in your theme’s code.
- From your Shopify admin, go to Online Store > Themes
- Click Actions > Edit code
- Open the theme.liquid file (usually under Layout)
- Inside the <head> section, paste the following line:
<link rel="icon" href="{{ 'your-favicon-file.png' | asset_url }}" type="image/png" />
- Replace
your-favicon-file.pngwith the exact file name of your uploaded image in the Assets folder - Click Save to save your changes
This method is useful for non-standard image sizes, different formats, or using favicons hosted externally.
Thank you for your comments