# 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 (opens new window)

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 (opens new window)

# 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 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 edit an uploaded image, select Edit in the image selector’s thumbnail preview area. Refer to Edit an image inside a section or block.
  • To replace an image, choose Change > Change image, and then select or upload a new image.
  • To remove an image, select Change > Remove image.
  • Select the Add alt text link, 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 (opens new window)
  • 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 (opens new window)
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 (opens new window)