Warenkorb-Icons verwenden
Ein Warenkorb- oder Taschen-Icon öffnet in Online-Shops den Warenkorb, oft mit einem kleinen Badge für die Anzahl der Artikel.
Alle Icons hier folgen currentColor, nehmen also die Textfarbe des Elements an, in dem sie stehen – ein SVG funktioniert auf hellen und dunklen Hintergründen, in Links und Buttons. Lege eine feste width und height fest (oder passe die Größe per CSS mit 1em an), damit das Layout beim Laden der Seite nicht springt.
Barrierefreie Icons
Ist das Icon dekorativ oder steht es neben sichtbarem Text, ergänze aria-hidden="true". Ist es der einzige Inhalt eines Buttons oder Links, gib diesem Element ein aria-label wie „Warenkorb“.
Lizenzen
Diese Warenkorb-Icons stammen aus Lucide, Tabler, Heroicons, Phosphor, Material Symbols, Material Design Icons und Carbon – Open-Source-Sets unter MIT-, ISC- oder Apache-2.0-Lizenz, die persönliche und kommerzielle Nutzung erlauben. Brauchst du etwas anderes? Durchsuche alle 70.000+ Icons im SVG Icon Finder.
SVG Icon Finder
Durchsuche 70.000+ Open-Source-SVG-Icons — Lucide, Tabler, Heroicons, Phosphor, Bootstrap, Material und mehr.