> For the complete documentation index, see [llms.txt](https://story.groupthought.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://story.groupthought.com/settings/theme-settings/favicon.md).

# Favicon

Overview of the favicon option under the Theme settings

To personalize the appearance of your desktop browser tabs, you have the option to upload an icon image that will be displayed as an icon.

### Step 1

The first step is to create a square PNG image with your brand logo. The size can be 512x512, 192x192, or even as small as 32x32. A larger size like 512x512 will display better on phones and desktops. 

### Step 2

Upload the PNG image to your Shopify Files library:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2F0F0piMwayGb6zjEMFoWM%2Ffiles%20newer.png?alt=media&amp;token=509d99c6-33e6-46a1-8871-2166af379ea2" alt=""><figcaption></figcaption></figure>

### Step 3

In the Theme Editor -> Theme settings -> Favicon, choose the image:

<figure><img src="https://798529998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Frse2xho0gVJCQ27Qc08u%2Fuploads%2F3OhFNzEUjhDOV3BHRbvJ%2Ffavicon%20selection.jpg?alt=media&amp;token=8f362fd2-26d1-414f-ba6d-74595ffd6062" alt=""><figcaption></figcaption></figure>

**Save** your settings to complete.&#x20;