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.

Hinweis: ThemeWare® Themes nutzen in der Konfiguration (bzw. in Textbausteinen) das "default" Icon-Set. Das "solid" Icon-Set kannst du nur manuell nutzen.

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

Shopware 6 Icons

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:

{% sw_icon 'truck' %}

Hinweis: Mehr Informationen zum Thema "individuelle Template Anpassungen" findest du in folgendem Tutorial: Individuelle Template-Anpassungen (Twig, HTML)

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:

<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 bzw. in folgendem Ordner:

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

Last updated

Logo

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH