Design
Icons
Field type:
Select
Available values:
• default (Shopware 6)
• Bootstrap Icons *
• Boxicons v2
• Boxicons v2 (variation)
• Boxicons v3 *
• Boxicons v3 (variation) *
• Feather
• Fluent UI System Icons *
• Font Awesome v5
• Font Awesome v5 (variation)
• Font Awesome v6
• Font Awesome v6 (variation)
• Font Awesome v7 *
• Heroicons *
• Iconoir *
• Ionicons *
• Line Awesome *
• Lucide *
• Material Icons
• Material Symbols *
• Phosphor *
• Shopware 6
• Simple Line Icons
• Solar *
• Solar (variation) *
• Tabler *
• ThemeWare® Light
• ThemeWare® One
• ThemeWare® One thin
• ThemeWare® Six
Example value:default (Shopware 6)
Path to the configuration:
Tab "Layout" => Block "Icons" => Section "Design"
Technical name:twt-iconset
Here you can choose between different icon sets. Sets marked with * cover every icon in the storefront, sets without * only the most common ones.
Important: An icon set replaces the existing icons, it does not add new icon names - names like "fa-user" will not work anywhere.
See every motif in the icon overview, read more in the manual.
With the "default" icon set nothing is changed.
Style
Field type:
Select
Available values:
• Automatic (as the icon set)
• Line
• Filled
• Duotone
• Broken
Example value:Automatic (as the icon set)
Path to the configuration:
Tab "Layout" => Block "Icons" => Section "Design"
Technical name:twt-iconset-style
Automatic is the right choice when in doubt: it shows every icon set the way it is drawn, for example Font Awesome filled and Lucide as a line. If a set does not provide the selected style, it stays with that version.
Duotone is only available for Phosphor, Broken only for Solar. Which sets can be drawn filled is explained in the manual.
Scope
Field type:
Select
Available values:
• Selected icons (ThemeWare®)
• Essential Icons
• All Storefront Icons
Example value:Selected icons (ThemeWare®)
Path to the configuration:
Tab "Layout" => Block "Icons" => Section "Basic configuration"
Technical name:twt-iconset-scope
How far the icon set reaches. Selected icons only replaces the spots ThemeWare® places itself - header, buy button, newsletter, service menu. Essential Icons covers everything you see everywhere, All Storefront Icons also the rarely used motifs.
Only sets marked with * offer the full scope.
Stroke width
Field type:
Select
Available values:
• Very thin
• Thin
• Normal (default)
• Bold
• Very bold
Example value:Normal (default)
Path to the configuration:
Tab "Layout" => Block "Icons" => Section "Basic configuration"
Technical name:twt-iconset-line-weight
Relative to the stroke width the library was drawn with, so every set keeps its proportions.
Note: Only works on line-based sets - Lucide, Tabler, Heroicons, Iconoir and Solar (line and broken). Filled sets draw their strokes as areas and ignore this setting.
The fine steps are meant for large icons; on a 16px icon a thinner stroke turns grey rather than thin.
Individual icons
Icon: Shopping cart
Field type:
Select
Available values:
• Shopping bag (default)
• Shopping basket
• Shopping cart
Example value:Shopping bag (default)
Path to the configuration:
Tab "Layout" => Block "Icons" => Section "Individual icons"
Technical name:twt-icon-cart
Replaces the default icon from the cart button in the header if the icon is available in the selected icon set.
Note: With the "default" icon set, the icon is not changed.
Icon: Newsletter
Field type:
Select
Available values:
• Arrow right (default)
• Envelope
• Paper plane
Example value:Envelope
Path to the configuration:
Tab "Layout" => Block "Icons" => Section "Individual icons"
Technical name:twt-icon-newsletter-submit
Replaces the default icon from the submit button in the newsletter widget if the icon is available in the selected icon set.
Note: With the "default" icon set, the icon is not changed.
Icon: Benefits
Field type:
Select
Available values:
• Checkmark (default)
• Checkmark in circle
• Heart
• Star
• Trophy
• Thumbs up
• Light bulb
• Arrow right
Example value:Checkmark (default)
Path to the configuration:
Tab "Layout" => Block "Icons" => Section "Individual icons"
Technical name:twt-icon-benefits
Replaces the icon in front of the benefits if the icon is available in the selected icon set. The icon applies to every entry in the list, so only motifs that suit any benefit are offered.
Note: The legacy icon sets carry up to 17 motifs and of these only the heart and the star - for the others the Shopware icon stays in place.