Favicon

This guide describes the Theme editor's Theme settings > Favicon menu options.

Use the menu options to configure a favicon for your store. When a visitor opens your store's pages, the favicon is displayed as an icon in the web browser's tab bar, history, bookmarks, and favorites. Refer to Shopify help: Favicon.

In the previous image, the Shopify Favicon is displayed as an icon in the browser tab bar, in the top left corner. Part of the Theme editor's Theme settings > Favicon menu is displayed. Inside the menu's Favicon image picker, an uploaded image is selected. The selected image depicts the Shopify logo. This option specifies an image to use as the store's favicon.

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

Configure Favicon

To configure your Favicon settings:

1. In the Theme editor, go to Theme settings > Favicon.

2. Select a setting described in the following table.

Setting name	Description
Favicon image	Use the Favicon image picker to select an image. Your selected image will be scaled down to 32 x 32 pixels. Use this option to specify an image for your store's favicon. Refer to Add, replace or remove an image or video inside a section or block.

Note

To connect a metafield to a setting that supports metafields, select the Connect dynamic source icon displayed beside the setting in the Theme editor.

To learn how to connect a metafield to a supported setting, refer to Shopify help: Connecting metafields to your theme by using the Theme editor.