Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as buy, shopping cart, ui, commerce and shopping, down arrow, add to cart, and purchase. 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 54 54"
>
<linearGradient
id="a"
x1="-2.98"
x2="48.71"
y1="51.94"
y2="4.06"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cb3532" />
<stop offset="1" stop-color="#f8b70f" />
</linearGradient>
<linearGradient
id="b"
x1="5.03"
x2="56.72"
y1="60.59"
y2="12.71"
href="#a"
/>
<linearGradient id="c" x1=".87" x2="52.57" y1="56.11" y2="8.23" href="#a" />
<linearGradient
id="d"
x1="-5.74"
x2="45.96"
y1="48.97"
y2="1.09"
href="#a"
/>
<linearGradient
id="e"
x1="-1.57"
x2="50.12"
y1="53.46"
y2="5.59"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M38 16.5h-3a1 1 0 0 0-1 .68L30.28 28.5H18.82l-1.84-9a1 1 0 1 0-2 .4l2 9.82a1 1 0 0 0 1 .8H32a1 1 0 0 1 0 2H19a1 1 0 0 0 0 2h13a3 3 0 0 0 .37-6l3.35-10H38a1 1 0 0 0 0-2z"
/>
<circle cx="30.5" cy="37" r="1.5" fill="url(#b)" />
<circle cx="21.5" cy="37" r="1.5" fill="url(#c)" />
<path
fill="url(#d)"
d="M24.29 26.21a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0-1.42-1.42L26 23.09V15.5a1 1 0 0 0-2 0v7.59l-1.29-1.3a1 1 0 0 0-1.42 1.42z"
/>
<path
fill="url(#e)"
d="M27 5a22 22 0 1 0 22 22A22 22 0 0 0 27 5zm0 42a20 20 0 1 1 20-20 20 20 0 0 1-20 20z"
/>
</g>
</svg>
More icons in the same style and category