# Icons

In Shopware 6 stehen dir von Haus aus 2 Icon-Sets zur Verfügung. Das "**default**" und das "**solid**" **Icon-Set**. Diese kannst du in deinem Theme, in Template und in Erlebniswelten nutzen.

{% hint style="info" %}
**Hinweis**: ThemeWare® Themes nutzen in der Konfiguration (bzw. in Textbausteinen) das "default" Icon-Set. Das "solid" Icon-Set kannst du nur manuell nutzen.
{% endhint %}

Eine dynamische Übersicht aller Icons findest du im ThemeWare® Service Portal:

{% embed url="<https://service.themeware.design/shopware-6-icons>" %}
Shopware 6 Icons
{% endembed %}

***

## Shopware 6 Icons einbinden

Um Shopware 6 Icons einzubinden, gibt es mehrere Möglichkeiten, je nachdem wo genau du das gewünschte Icon verwenden möchtest.

### Icons in Template-Dateien einbinden

Um Icons in einer TWIG Template-Datei zu verwenden, kannst du das `sw_icon`-Tag nutzen. Die Einbindung erfolgt über den Tag: `{% sw_icon 'icon-name' %}`.

Suche dir einfach das passende Icon raus, kopiere den Namen und füge diesen als Argument (siehe `'icon-name'`) an.

#### Beispiel:

```html
{% sw_icon 'truck' %}
```

{% hint style="info" %}
**Hinweis**: Mehr Informationen zum Thema "individuelle Template Anpassungen" findest du in folgendem Tutorial: [Individuelle Template-Anpassungen (Twig, HTML)](/wissensdatenbank/anleitungen/individuelle-anpassungen/individuelle-template-anpassungen-twig-html.md)
{% endhint %}

### Icons in CMS-Blöcke einbinden

Um Shopware 6 Icons in Erlebniswelten einzubinden, kannst du einen CMS-Block vom Typ "Text" oder einen HTML-Block nutzen. Gebe dort den HTML-`<img>`-Tag für das gewünschte Icon im Ordner `/bundles/storefront/assets/icon/...` ein.

#### Beispiel:

```html
<img src="/bundles/storefront/assets/icon/default/truck.svg" />
```

#### **Aktuelle Shopware-Versionen:**

Der der Pfad `/bundles/storefront/assets/icon/default/[icon-name].svg` funktioniert in aktuellen Shopware-Versionen leider nicht mehr, denn Shopware hat die Storefront-Icons aus dem öffentlich erreichbaren Bundle-Ordner herausgenommen.

Lade das gewünschte Icon am besten über die Medienverwaltung in deinen Shop hoch (1) und klicke auf "**Link kopieren**" (3). Du erhälst so den Link über welchen das Bild nun in der Storefront erreichbar ist. Füge diesen Link nun in dein CMS-Element ein.

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

#### Beispiel:

```html
<img src="http://mein-shop.de/media/32/8c/f1/1777296709/truck.svg?ts=1777296709" />
```

***

## Shopware 6 Icons downloaden

Möchtest du ein Icons in deinen Grafiken oder als Bild über die Shopware 6 Medien-Verwaltung nutzen, kannst du die Icons als `SVG`-Datei runterladen. Die Icons findest du auf [GitHub](https://github.com/shopware/platform/tree/9de5be3314ca527a6e516d1e39d6081e4e17e61a/src/Storefront/Resources/app/storefront/dist/assets/icon) bzw. in folgendem Ordner:

```
platform/src/Storefront/Resources/app/storefront/dist/assets/icon/
```


---

# 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://wiki.themeware.design/wissensdatenbank/grundwissen/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.