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

# Logo

**Logo and Favicon** settings under **Theme Settings** allow you to upload and customize your store’s **logo** (for your header and footer) and **favicon** (the small icon shown in browser tabs).

{% hint style="success" %}

1. **Go to** Shopify Admin > **Online Store > Themes**.
2. Click **Customize** on your active theme.
3. In the Theme Editor, click **Theme Settings**  > **Logo** from the left panel.
   {% endhint %}

<figure><img src="https://2586998482-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoR59WHukDFiu96fv0kDY%2Fuploads%2FCBHUotE7hp5w2uQJBZOz%2Flogo.png?alt=media&amp;token=8f927ddc-bc5f-4af4-b864-017bfc4f7001" alt=""><figcaption></figcaption></figure>

#### **Logo Settings**

* **Logo** : Add a custom logo for your website. Supported file formats: PNG, JPG, SVG.
* **Logo Width** : Set the width of the logo (Default: 180px). Note: The logo width is automatically optimized for mobile devices.
* **Favicon Image** : Add a favicon image to be displayed in the browser tab. Note: The uploaded image will be scaled down to **32 × 32px** for optimal display.