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 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:
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:
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:
Last updated