# Custom Sidebar Icons

Here, you will find a guide for how to add custom icons to your sidebar navigation, as pictured below:

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

1. First, head to the Appearance page in the Tebex dashboard: <https://creator.tebex.io/appearance>
2. In the "template" section, click "edit"
3. Scroll down to the "options" section, and find the "general settings" subsection - at the top of Radiant settings
4. Locate the "Use Image Icons on Sidebar Categories?" option and set it to "Yes". Then, click the "save and publish" button in the upper right.&#x20;
5. Now, head to the packages page: <https://creator.tebex.io/packages>
6. On a category, click the three small blue dots on the right, and then click edit
7. On the right-hand side of the screen, upload an image you want to use. Ensure that the image is cropped to remove any white space on the sides and that the background is transparent
8. Once uploaded, click the "update" button at the bottom of the screen
9. Repeat for each category on your webstore


---

# Agent Instructions: 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:

```
GET https://docs.coldfiredzn.com/radiant/custom-sidebar-icons.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
