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