# Favicon

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.

## Overview

<details>

<summary>Settings overview</summary>

* Choose a PNG image from the Files library to represent your shop's favicon

Tip: Modern desktops and mobile devices and use the same image as a desktop or dock icon.&#x20;

</details>

### 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.&#x20;

### Step 2

Upload the PNG image to your Shopify Files library:

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2Fk0yhdASqGsT8RpVgPw6B%2FFiles%20library%20-%20Content.png?alt=media&#x26;token=5b7b2851-f84f-4ae8-8a56-9aa9e6c9fe12" alt=""><figcaption></figcaption></figure>

### Step 3

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

<figure><img src="https://3528441459-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LovEU3LvzkJzFkXarYD-4120580575%2Fuploads%2FO7iXmCU1TgTbJSuf7B8z%2Ffavicon%20theme%20settings.png?alt=media&#x26;token=72ac07ba-83b7-4617-8516-519d14e49120" alt=""><figcaption></figcaption></figure>

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