> For the complete documentation index, see [llms.txt](https://wiki.themeware.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.themeware.design/wissensdatenbank/grundwissen/icons.md).

# 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/
```