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

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:

Go to Theme settings > Favicon.
Select a setting described in the following table.

Setting name Description

Favicon image

Setting name	Description
Favicon image	Use 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 source	To 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

Use 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 source To 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

Favicon ​

Set up a favicon ​

Favicon

Set up a favicon