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

# Logo and favicon

Logo and favicon settings are where you upload the branding assets that identify your store. The logo appears in the header on every page, and the favicon is the small icon shown in the browser tab and in bookmarks. Vélare also lets you upload a second logo for use on a transparent header, so your brand stays readable when the header sits on top of a banner image. Set these up first when you install the theme, before you touch anything else.

### Where to find these settings <a href="#where-to-find-these-settings" id="where-to-find-these-settings"></a>

Go to **Online Store > Themes > Customize > Theme settings > Logo and favicon**.

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

### Settings <a href="#settings" id="settings"></a>

| Setting                        | Description                                                                                                                                                                                        |
| ------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Favicon image**              | The small icon shown in the browser tab. A 32x32 pixel PNG file is recommended.                                                                                                                    |
| **Logo**                       | The image shown in the standard header.                                                                                                                                                            |
| **Logo on transparent header** | A separate image used when the header is transparent. Upload a version that stays legible over the image behind it.                                                                                |
| **Logo width**                 | <p>How wide the logo appears on desktop. Increase or decrease it until the logo is balanced against the rest of the header.<br><em>Note: logo width is optimized automatically on mobile.</em></p> |

### What customers see <a href="#what-customers-see" id="what-customers-see"></a>

The logo sits in the header on every page of the storefront and is the first brand element a visitor sees, so its width directly affects how prominent your brand feels next to the menu, search and cart icons. The transparent header logo only appears on pages where the header is set to transparent, typically over a full width banner at the top of the page. The favicon is not on the page at all: it shows in the browser tab, in the browsing history and in bookmarks, which helps customers find your store again among open tabs.

### Related pages <a href="#related-pages" id="related-pages"></a>

* [Header](/velare/set-up-your-store/header-group/header.md): where the logo is displayed and where the transparent header is switched on
* [Browser tab notifications](/velare/customize-your-pages/browser-tab-notifications.md): the other setting that changes what the browser tab shows
* [Colors](/velare/set-up-your-store/colors.md): color schemes that decide how the header behind the logo looks
* [Vélare Intro](/velare/readme.md): overview of the theme and where to start


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://uxsmart.gitbook.io/velare/set-up-your-store/logo-and-favicon.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.