> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# Logo

> Select the logo, crop and edit the use of the open/delear appearance.

Page Creative **visual identity** open the part. The existing logo appears in this section. **Edit** By pressing the button, select visual and access the logo settings.

[![Logo trimmer](https://mintcdn.com/zonely-a8cd49e7/N_QMnvmTBQuFR-Ic/images/panel/page-builder-guide-20261025/03-logo-giris-en.png?fit=max\&auto=format\&n=N_QMnvmTBQuFR-Ic\&q=85\&s=b0d3cf7a6da22012637d0e077fdda3b5)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/03-logo-giris-en.png)

> [card] 1. Logo editor
>
> Press Edit to select, crop or remove visual.

## Select logo file

Visual tools on the window that opens **File Select** Use button or **library** Select a visual you have installed before. Check that the articles on the open and dark floor if you use a transparent background logo.

[![Logo visual, Logo compatible logo](https://mintcdn.com/zonely-a8cd49e7/N_QMnvmTBQuFR-Ic/images/panel/page-builder-guide-20261025/04-logo-duzenleyici-en.png?fit=max\&auto=format\&n=N_QMnvmTBQuFR-Ic\&q=85\&s=b89eb57acb98295d3eb590f831177b6d)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/04-logo-duzenleyici-en.png)

> [card] 1. Logo visual
>
> Edit visual with installation, library and crop tools.

> [card] 2. The logo compatible to the theme
>
> Manage logo color on open and dark look with this option.

## Crop or modify the logo

**Crop** Remove unnecessary gaps around the logo with the tool. Make sure your chosen area is not cutting logo post and details on the edge. After completing the crop, see the result in preview.

Open the refile or library selection to use another logo. **Clear**removes the existing visual selection. Complete the overall registration process to apply the change on the logo on the site.

## Set the logo color compatible to the theme

**Logo Color Compatible With Theme** Open the option and see the result in the open and dark look of the logo. Compare with the off view on a logo you want to use with their own colors.

The height of the logo is not adjusted from this visual selector. To look bigger or small on the screen [Animations → Logo Animations](https://docs.zonely.gen.tr/en/guides/page-builder/animations.md) in the section **Logo Height** Use the field.

## Save and separate other icons

Close the logo window, check the view on the top section and **Save All** Press the button.

Logo on the browser tab **favicon** and social sharing card **OG visual** separate areas. You don’t fill these two images with the same file. For Favicon and share images [SEO Guide](https://docs.zonely.gen.tr/en/guides/page-builder/seo-social-media.md) open.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.