# 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.&#x20;

{% 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.&#x20;

#### 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](https://wiki.themeware.design/wissensdatenbank/anleitungen/individuelle-anpassungen/individuelle-template-anpassungen-twig-html "mention")
{% 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" />
```

***

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