Add icons to this collection by clicking the heart icon.
Shopping Cart icon - also known as shopping cart, ui, commerce and shopping, online store, ecommerce, online shop, and smart cart. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 24 24"
>
<linearGradient
id="Orange_Yellow"
gradientUnits="userSpaceOnUse"
x1="-.288"
x2="18.225"
y1="21.964"
y2=".575"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="Orange_Yellow-2"
x1="4.584"
x2="23.096"
y1="26.18"
y2="4.792"
href="#Orange_Yellow"
/>
<linearGradient
id="Orange_Yellow-3"
x1="8.585"
x2="27.098"
y1="29.644"
y2="8.256"
href="#Orange_Yellow"
/>
<linearGradient
id="Orange_Yellow-4"
x1="-.002"
x2="18.51"
y1="22.211"
y2=".823"
href="#Orange_Yellow"
/>
<linearGradient
id="Orange_Yellow-5"
x1="1.427"
x2="19.94"
y1="23.448"
y2="2.06"
href="#Orange_Yellow"
/>
<linearGradient
id="Orange_Yellow-6"
x1="2.856"
x2="21.369"
y1="24.685"
y2="3.297"
href="#Orange_Yellow"
/>
<g id="Layer_3">
<path
d="m8.5 14.5h10.5a.5.5 0 0 0 .474-.342l3-9a.5.5 0 0 0 -.474-.658h-15.859l-.656-2.621a.5.5 0 0 0 -.485-.379h-3a.5.5 0 0 0 0 1h2.609l2.829 11.312a2 2 0 0 0 1.062 3.688h10.5a.5.5 0 0 0 0-1h-10.5a1 1 0 0 1 0-2zm-.109-1-2-8h14.915l-2.666 8z"
fill="url(#Orange_Yellow)"
/>
<path
d="m9.5 18.5a2 2 0 1 0 2 2 2 2 0 0 0 -2-2zm0 3a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z"
fill="url(#Orange_Yellow-2)"
/>
<path
d="m16.5 18.5a2 2 0 1 0 2 2 2 2 0 0 0 -2-2zm0 3a1 1 0 1 1 1-1 1 1 0 0 1 -1 1z"
fill="url(#Orange_Yellow-3)"
/>
<path
d="m11 7.5a.5.5 0 0 0 -.5.5v3a.5.5 0 0 0 1 0v-3a.5.5 0 0 0 -.5-.5z"
fill="url(#Orange_Yellow-4)"
/>
<path
d="m13.5 7.5a.5.5 0 0 0 -.5.5v3a.5.5 0 0 0 1 0v-3a.5.5 0 0 0 -.5-.5z"
fill="url(#Orange_Yellow-5)"
/>
<path
d="m16 11.5a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0 -1 0v3a.5.5 0 0 0 .5.5z"
fill="url(#Orange_Yellow-6)"
/>
</g>
</svg>
More icons in the same style and category