A Favicon (also known as a website icon, tab icon, or bookmark icon) is a small icon that represents your website. Adding a favicon will help refine the look of your online store and puts the 'finishing touch' on your site!
Check out this article to create your own or search the web for
free favicon generator.
We recommend uploading a favicon that is 32x32 pixels in PNG format, but you can also use one that is 16x16 pixels.
Once you have an image you want to use, head into Customize > Theme settings > Favicon.
Troubleshooting your favicon
If your favicon isn't displaying, here are a few tips:
- Try clearing your cache in your browser, or viewing your site in an incognito window.
- Double check that you are using the correct format (PNG) and size. Unfortunately, SVG files cannot be uploaded as favicons to Shopify at this time.
- If your favicon doesn't display or is outdated in Google's search results, this may be related to Google needing a "recrawl" your shop to find your favicon. It can take some time for Google to do this, but you can reach out to request a recrawl of the site to try and speed things up. Learn more
If those tips don't resolve your issue, it's quite possible that a script from a third-party app is interferring with the theme's code and blocking the favicon from displaying.
In order to resolve this, head into your theme.liquid file (Online store > Themes > Actions > Edit code > Layout > theme.liqiud).
If you locate a script from an app you've installed from your storefront near the top of the file, it may be worth reviewing the installation instructions for that snippet and/or contacting the support team for that app to inquire about how to install the snippet correctly.
Generally, <script> tags should be placed at the bottom of the file, right above the closing </body> tag - moving the snippet down there may just do the trick!