Using shopping cart icons
A cart or bag icon opens the basket in online stores, often with a small badge showing the item count.
All icons here follow currentColor, so they take the text color of the element they sit in — one SVG works on light and dark backgrounds, in links and in buttons. Set an explicit width and height (or size them in CSS with 1em) so the layout doesn’t shift while the page loads.
Accessible icons
If the icon is decorative or sits next to visible text, add aria-hidden="true". If it is the only content of a button or link, give that element an aria-label such as “Shopping Cart”.
Licenses
These shopping cart icons come from Lucide, Tabler, Heroicons, Phosphor, Material Symbols, Material Design Icons, Carbon — open-source sets under MIT, ISC or Apache 2.0 licenses, which allow personal and commercial use. Need something else? Search all 70,000+ icons in the SVG Icon Finder.