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

# Logo and favicon

{% embed url="<http://shopify.pxf.io/gb_glo_themesettings>" %}

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Logo and Favicon**
2. Select image under **Logo and Favicon**
3. **Save**
   {% endhint %}

## Favicon (Favorite icon) <a href="#favicon-favorite-icon" id="favicon-favorite-icon"></a>

A **favicon**, short for favorite icon, is a tiny image that identifies and distinguishes a particular website or webpage from others.

<figure><img src="/files/juTSZ8nwQvzvTbMWTXQ0" alt=""><figcaption></figcaption></figure>

If you have multiple tabs open in your browser at the same time, a favicon makes it easy to locate which tab you need without reading the text.

The recommended image size is 32x32px.

<figure><img src="/files/ckXqmWWqRVimiBv61DRm" alt=""><figcaption></figcaption></figure>

## Logo settings <a href="#logo-settings" id="logo-settings"></a>

Add a logo in the header to grab visitors' attention and set the tone for your brand.

<figure><img src="/files/srXwtGKGaQZP0UW7rBMs" alt=""><figcaption></figcaption></figure>

**Logo:** Select an image to display in the standard header.

**Logo on transparent header:** Choose an image for display in the transparent header.

Resize the logo image by increasing or decreasing the width on desktop/mobile.

<figure><img src="/files/l7BEk4GYqPF4sH4J31Gj" alt=""><figcaption></figcaption></figure>