Shopware 6 Icons
Shopware 6 offers a variety of icons that you can use in your Shopware theme to optimise the design of your shop. We have created a complete overview of the available Shopware icons as well as clear instructions on how to integrate them into your shop.
Table of contents
Shopware 6 Icon Sets
Shopware 6 offers two different icon sets:
- Default Set: This icon set is included in the standard configuration of ThemeWare® themes. It is automatically used in text blocks and the shop configuration.
- Solid Set: This set contains icons with a bolder design, making it ideal if you want a stronger visual impact. However, it can only be used directly in your Twig files.
Choose the appropriate set for your design, based on the requirements and the visual style of your shop.
Including Shopware 6 icons
Um Shopware 6 Icons einzubinden, gibt es mehrere Möglichkeiten, je nachdem wo genau du das gewünschte Icon verwenden möchtest.
Shopware 6 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.
Ein Beispiel hierfür wäre:
Beispiel:
{% sw_icon 'truck' %}Shopware 6 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" />Downloading Shopware 6 icons
If you would like to use the icons in graphics or as an image via the Shopware 6 Media Management, you can also download the corresponding SVG file.
You can find the icons on GitHub or in the following folder:
platform/src/Storefront/Resources/app/storefront/dist/assets/icon/Further links:
- Shopware Developer Documentation: Meteor icon kit