# Logo

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Theme settings**
2. Locate **Logo**
3. Make necessary changes
4. **Save**
   {% endhint %}

You can upload both a **Logo** and **Logo transparent** for your store, and adjust the Logo's width in this setting.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FAshA8rABwoBT1PlKHA6i%2Flogo1.png?alt=media&#x26;token=ceb7e0cc-80fe-4519-a1f8-966ca677a990" alt=""><figcaption></figcaption></figure>

Do the same to upload **Logo** and **Logo transparent,** and adjust and adjust the Logo's width in mobile view.

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FwC4SitWSbp2hJkHTHjJv%2Flogo2.png?alt=media&#x26;token=0ba801e5-8497-4ee3-95aa-872bfc519e8d" alt=""><figcaption></figcaption></figure>

### Favicon (Favorite icon)

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2F21vy8Fc1AdW1NQWPZ3oB%2Ffavicon1.png?alt=media&#x26;token=1af0e27c-5bf8-4917-b621-04c7aefbbbd5" alt=""><figcaption></figcaption></figure>

A favicon is a small image that serves as branding for your website to help visitors identify your page easier, especially when they have multiple tabs open.&#x20;

A favicon increases brand awareness and improves user experience.

A favicon can be displayed in the following places:

* Brower tabs
* Search results
* History archives
* Bookmark lists

You can enable/ disable it based on the requirement.&#x20;

* The recommended image size is 32 x 32px

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FfGclh231fBuYGRnlfT5Y%2Ffavicon.png?alt=media&#x26;token=805a7d87-deee-4f00-bf20-94a684e3ec9a" alt=""><figcaption></figcaption></figure>