Skip to content


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, a 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 Favicon image selector options to set up a favicon image. Note that images are scaled to the dimensions 32px x 32px (pixels). Refer to Add, replace or remove an image or video inside a section or block.
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