# 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://content.gitbook.com/content/AJrvmfqcj9TMoPkl3bNc/blobs/ZWSJPwJbAPk1IC2zjNqZ/logo1.png" 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://content.gitbook.com/content/AJrvmfqcj9TMoPkl3bNc/blobs/jOF8SFXMz65uq4qgwJ17/logo2.png" alt=""><figcaption></figcaption></figure>

### Favicon (Favorite icon)

<figure><img src="https://content.gitbook.com/content/AJrvmfqcj9TMoPkl3bNc/blobs/vpshlE3owFctKFk48CAY/favicon1.png" 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://content.gitbook.com/content/AJrvmfqcj9TMoPkl3bNc/blobs/51PIhZr1xXscwkm2471l/favicon.png" alt=""><figcaption></figcaption></figure>