# Kategorie Icons

> ab Theme Version 4.7.0

Über die **Zusatzfelder** unter Kataloge > Kategorien > \[Kategorie auswählen] im Tab "Weitere" findest Du ein Medienfeld **Kategorie Icon (1)** zum Hinterlegen des Kategorie Icons.

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

Verwende hierzu herkömmliche JPG oder PNG Dateien. Noch besser lassen sich aber SVG Dateien z.B. in Form von Icons einbinden und darstellen. In unseren Demos nutzen wir hier beispielsweise einfach die Icons von [Ionicons](https://ionic.io/ionicons) und speichern direkt auf der Seite die SVG-Datei ab.&#x20;

#### Theme-Konfiguration

In der Theme-Konfiguration lassen sich die Icons in jedem Menü in Bezug auf Anzeige und Größe konfigurieren.

* Einstellungen im Tab: Header > Mein Navigation > [Kategorie Icons](/styling/header/main-navigation.md#kategorie-icons)
* Einstellungen im Tab: Header > Flyout Navigation > [Kategorie Icons](/styling/header/flyout-navigation.md#kategorie-icons)
* Einstellungen im Tab: Header > Dropdown Navigation > [Kategorie Icons](/styling/header/dropdown-navigation.md#kategorie-icons)
* Einstellungen im Tab: Elemente > Sidebar Navigation > [Kategorie Icons](/styling/elemente/sidebar-navigation.md#kategorie-icons)

Beispiele:

<br>

<figure><img src="/files/B032k3GVmrNS0sk58B9O" alt="" width="188"><figcaption><p>Kategorie Icons im mobilen Offcanvas Menü</p></figcaption></figure>

<figure><img src="/files/VGh97rLx9yMzHYflQ7tW" alt=""><figcaption><p>Kategorie Icons in der Sidebar Navigation</p></figcaption></figure>

<figure><img src="/files/W7eAVXMx2qe35pXlX7zh" alt=""><figcaption><p>Icons im Flyout Menü</p></figcaption></figure>


---

# 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://themedocs.zenit.design/content/kategorie/kategorie-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.