Appearance

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 home page.

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. In the upper right, in Theme settings > Favicon, the Favicon image selector shows an uploaded image that's used as the store's favicon.

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 Edit an image inside a section or block.
Favicon image > Connect dynamic sourceTo display an image from a dynamic source, if available, select the Connect dynamic source icon beside the Favicon image selector, and then choose a metafield to add. Refer to Shopify help: Metafields.