Add a favicon to your store

A favicon (favorites icon) is a small icon that represents your website and provides a shortcut to it wherever the icon appears, for example:

  • your web browser tab
  • your web browser's history
  • icons on your desktop
  • next to your online store name when it is bookmarked.

Using a favicon helps brand your store and provides a polished look to your website.

Obtaining an image for your favicon

This article from Smashing Magazine lists a few websites that can generate your icon for you from a larger image. You save your favicon as either a favicon.png or a favicon.ico file. The same article will show you what artwork works well in such a small size.

Creating your own favicon

The ideal size of a favicon is 16x16 pixels. You should save your favicon as either favicon.png or favicon.ico.

Note

You might notice that different browsers respond differently to the filename extensions. If you have problems with your favicon displaying in Internet Explorer, save your favicon with a .ico extension.

Adding a favicon

If you are using a theme made by Shopify (a free theme from the Shopify theme store), then your theme supports favicons. If you are using a third-party theme, then try contacting your theme developer, or click the Documentation link for the theme on the Theme store.

  1. Click Customize theme.

  2. Click the General settings tab.

  3. Click Favicon.

  4. In the Favicon image area, click Select image, and then do one of the following:

    • To select an image you have already uploaded to your Shopify admin, click the Library tab.
    • To select an image from your local computer, click the Library tab, and then click the plus button.
  5. Click Save.

Want to discuss this page?

Visit the Shopify Community

Ready to start selling online with Shopify?

Try it free