Navigation

Shopware 6 Icons

Discover the many possibilities of Shopware 6 icons. Here you'll find a searchable overview of all icons, practical examples and guides for integrating them into your Shopware theme.

Browse all icons

All Shopware 6 icons

Shopware 6 provides two icon sets: Default (used in ThemeWare® themes for snippets & configuration) and Solid (bolder, only in your own Twig files). Pick a set and search by icon name.

Embedding Download

Including Shopware 6 icons

There are several ways to include Shopware 6 icons, depending on exactly where you want to use the icon.

Including icons in template files

To use icons in a TWIG template file, use the sw_icon tag: {% sw_icon 'icon-name' %}. Pick the icon you need, copy its name and add it as the argument.

Example:

{% sw_icon 'truck' %}

Including icons in CMS blocks

To include Shopware 6 icons in shopping experiences, use a CMS block of the type „Text" or an HTML block. There, enter the <img> tag for the desired icon.

Example:

<img src="/bundles/storefront/assets/icon/default/truck.svg" />

Recent Shopware versions

The path /bundles/storefront/assets/icon/default/[icon-name].svg no longer works in recent Shopware versions, because Shopware removed the storefront icons from the publicly accessible bundle folder.

It is best to upload the desired icon to your shop via the media management and click „Copy link". Insert the resulting link into your CMS element.

Example:

<img src="https://my-shop.com/media/32/8c/f1/1777296709/truck.svg" />

Downloading Shopware 6 icons

If you want to use the icons as graphics or via the Shopware 6 media management, you can download them as SVG – on GitHub or in the following folder:

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

Further links