> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/mega-menu/manage-menu-items/upload-custom-icon-for-menu-item.md).

# Upload custom icon for menu item

1. **Open the Edit Item Panel.**

* In the **Menu Manager**, locate the menu item you wish to customize and click on it to open the **Edit Item** panel.

2. **Select or Upload an Icon.**

* Within the **Edit Item** panel, click **"Select Icon"** to choose from available icons or click **"Upload"** to upload your own custom icon.

<figure><img src="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2FgX7967OvxIdrzB3XjaRC%2F2025-05-12_14-07-00.png?alt=media&amp;token=5675d9ae-ebc0-4c5e-8255-16feab995748" alt=""><figcaption></figcaption></figure>

* To upload a new icon:​
  * Click the **"Add image"** button.
  * Choose your desired image file from your computer.
  * **Note:** For optimal display, use images with a recommended size of **60×60 pixels** in **PNG** or **JPG** format, with a file size **less than 2 MB**.

<figure><img src="https://4255330929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbEuTzKnxaFKXxIId0jCW%2Fuploads%2FaG7QnhEV4RHuqCpeDTvz%2F2025-05-12_14-08-21.png?alt=media&amp;token=433ea8e6-4784-4ec8-b9b2-ef39b2bd94b5" alt=""><figcaption></figcaption></figure>

* To use an existing icon:​
  * Browse the available icon in the icon management panel.
  * Select your preferred icon.

3. **Save and Apply Changes:**
   * Click the **"Apply changes"** button to apply the custom icon to the menu item.
   * Publish the menu to reflect the changes on your live site.

#### 💬 Need help?

Email us at **📧 <contact@globo.io>** - we’re happy to assist!