Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as add, buy, basket, commerce and shopping, online store, add to cart, plus sign, purchase, and ecommerce. 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 64 64"
>
<linearGradient
id="a"
x1="9.688"
x2="50.771"
y1="20.76"
y2="61.844"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00dbde" />
<stop offset="1" stop-color="#fc00ff" />
</linearGradient>
<linearGradient
id="b"
x1="4.049"
x2="45.132"
y1="26.399"
y2="67.483"
href="#a"
/>
<linearGradient
id="c"
x1="16.188"
x2="57.271"
y1="14.26"
y2="55.344"
href="#a"
/>
<linearGradient
id="d"
x1="13.812"
x2="54.895"
y1="16.636"
y2="57.72"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M30 45.573v-6a1.5 1.5 0 0 1 3 0v6a1.5 1.5 0 0 1-3 0z"
/>
<path
fill="url(#b)"
d="m19.772 46.005-1.96-5.936a1.5 1.5 0 0 1 2.847-.941l1.961 5.935a1.5 1.5 0 0 1-2.848.942z"
/>
<path
fill="url(#c)"
d="M52.5 48.073H50v2.5a1.5 1.5 0 0 1-3 0v-2.5h-2.5a1.5 1.5 0 0 1 0-3H47v-2.5a1.5 1.5 0 0 1 3 0v2.5h2.5a1.5 1.5 0 0 1 0 3z"
/>
<path
fill="url(#d)"
d="M60 29.573v-4a3.504 3.504 0 0 0-3.5-3.5h-4.973l-15.54-15.68a1.5 1.5 0 0 0-2.13 2.11l13.447 13.57H14.696l13.448-13.57a1.5 1.5 0 0 0-2.131-2.11l-15.54 15.68H7.5a3.504 3.504 0 0 0-3.5 3.5v4a3.495 3.495 0 0 0 3 3.45v.05h.194l3.727 18.098a4.562 4.562 0 0 0 4.442 3.902h25.418a11.487 11.487 0 1 0 15.087-17.319l.97-4.715A3.493 3.493 0 0 0 60 29.573zm-53-4a.5.5 0 0 1 .5-.5h49a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-49a.5.5 0 0 1-.5-.5zm50 21a8.5 8.5 0 1 1-8.5-8.5 8.51 8.51 0 0 1 8.5 8.5zm-8.5-11.5a11.495 11.495 0 0 0-10.096 17h-23.04a1.6 1.6 0 0 1-1.495-1.452l-3.613-17.548H53.77l-.615 2.993a11.42 11.42 0 0 0-4.654-.993z"
/>
</g>
</svg>
More icons in the same style and category