Skip to content

Favicon

This guide describes the Theme settings > Favicon menu options.

Use the settings to configure a favicon for your store. Refer to Shopify help: Favicon

An example favicon on a store's Homepage.

When a visitor opens your store's pages, the favicon is displayed as an icon in the web browser's tab bar, history, and bookmarks/favorites. For example, in the previous image, in the top left corner, the Shopify Favicon is displayed as an icon in the web browser's Tab bar.

For general guidance with adjusting a theme setting, refer to Settings overview and Shopify help: Theme settings

Set up a favicon

To set up a favicon image for your store:

  1. Go to Theme settings > Favicon.

    The Favicon menu in Theme settings.

  2. Select a setting described in the following table.

Setting nameDescription
Favicon imageUse the following Favicon image selector options to set up a favicon image. Note that images are scaled to the dimensions 32px x 32px (pixels).
  • To add an image, choose Select image, and then upload an image or select an image file from your store's file library.
  • To add a focal point to an image, select Edit in the image selector’s thumbnail preview area, and then select Add focal point. Refer to Shopify help: Add a focal point to an image
  • To add "alt text" to an image, select Edit, and then enter a brief description of the image into the Image alt text box. The description improves search engine optimization (SEO), and provides greater accessibility for customers who use screen-reading tools. The text is saved immediately. Refer to Shopify help: Adding alt text to media
  • To download an image, select Edit > Download.
  • To replace an image, choose Change > Change image, and then select or upload a new image.
  • To remove an image, select Change > Remove image.
  • To display an image from a dynamic source, select the Change > Connect dynamic source, and then choose a metafield to add. Refer to Shopify help: Metafields
Favicon image > Connect dynamic sourceTo display an image from a dynamic source, select the Connect dynamic source icon beside the Favicon image selector, and then choose a metafield to add. Refer to Shopify help: Metafields