Add icons to this collection by clicking the heart icon.
Add To Basket icon - also known as click, hand, commerce, buy, sale, browser, commerce and shopping, buying, purchase, ecommerce, and add to basket. Created in a clean flat 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="20"
x2="20"
y1="66.025"
y2="3.588"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6713d2" />
<stop offset="1" stop-color="#cc208e" />
</linearGradient>
<linearGradient id="b" x1="14" x2="14" y1="66.025" y2="3.588" href="#a" />
<linearGradient
id="c"
x1="9.07"
x2="9.07"
y1="66.025"
y2="3.588"
href="#a"
/>
<linearGradient
id="d"
x1="8.95"
x2="8.95"
y1="66.025"
y2="3.588"
href="#a"
/>
<linearGradient id="e" x1="40" x2="40" y1="66.025" y2="3.588" href="#a" />
<linearGradient id="f" x1="29" x2="29" y1="66.025" y2="3.588" href="#a" />
<linearGradient
id="g"
x1="45.202"
x2="45.202"
y1="66.025"
y2="3.588"
href="#a"
/>
<linearGradient id="h" x1="26" x2="26" y1="66.025" y2="3.588" href="#a" />
<linearGradient
id="i"
x1="30.93"
x2="30.93"
y1="66.025"
y2="3.588"
href="#a"
/>
<linearGradient
id="j"
x1="31.051"
x2="31.051"
y1="66.025"
y2="3.588"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M25.74 35.97a3.971 3.971 0 0 1-2.36-.97h-6.76a3.971 3.971 0 0 1-2.36.97l-3.47 3.48.95 6.69a1 1 0 0 0 .99.86h14.54a1 1 0 0 0 .99-.87l.95-6.68zm-10.73 9.15-1-8 1.98-.24 1 8zM21 45h-2v-8h2zm3.99.12-1.98-.24 1-8 1.98.24z"
/>
<circle cx="14" cy="32" r="2" fill="url(#b)" />
<path
fill="url(#c)"
d="M10.14 31H8v2h.76l1.27-1.26a3.57 3.57 0 0 1 .11-.74z"
/>
<path
fill="url(#d)"
d="M6.22 39.79a1 1 0 0 0 1.41-.01l4.35-4.35a3.969 3.969 0 0 1-1.41-1.41l-4.35 4.35a.99.99 0 0 0 0 1.42z"
/>
<path
fill="url(#e)"
d="M40 16a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm3 6h-2v2h-2v-2h-2v-2h2v-2h2v2h2z"
/>
<path
fill="url(#f)"
d="M4 12v26.45a3.059 3.059 0 0 1 .8-1.5l2.22-2.22A1.99 1.99 0 0 1 6 33v-2a2.006 2.006 0 0 1 2-2h3.38a3.932 3.932 0 0 1 5.24 0h6.76a3.932 3.932 0 0 1 5.24 0H32a2.006 2.006 0 0 1 2 2v2a2.018 2.018 0 0 1-1.02 1.74l2.22 2.21a3.059 3.059 0 0 1 .8 1.5V38a4 4 0 0 1 8 0v6.54a3.993 3.993 0 0 1 5.43 1.4A3.94 3.94 0 0 1 52 45a3.989 3.989 0 0 1 2 .54V12zm20.71 10.71-4 4a1.014 1.014 0 0 1-1.42 0l-4-4a1 1 0 0 1-.21-1.09A.987.987 0 0 1 16 21h1v-7h2v8a1.011 1.011 0 0 1-.65.94L20 24.59l1.65-1.65A1.011 1.011 0 0 1 21 22v-8h2v7h1a.987.987 0 0 1 .92.62 1 1 0 0 1-.21 1.09zM40 28a7 7 0 1 1 7-7 7.008 7.008 0 0 1-7 7z"
/>
<path
fill="url(#a)"
d="M22.14 33a3.641 3.641 0 0 1 0-2h-4.28a3.641 3.641 0 0 1 0 2zM35.87 51.04l.13.23V39.7a3.029 3.029 0 0 1-.8 1.49 3.006 3.006 0 0 1-4.22.03l-.74 5.2A3 3 0 0 1 27.27 49H12.73a3 3 0 0 1-2.97-2.57l-.74-5.21A2.985 2.985 0 0 1 4 39.69V51a3.009 3.009 0 0 0 3 3h21.54a3.989 3.989 0 0 1 7.33-2.96z"
/>
<path
fill="url(#f)"
d="M51 4H7a3.009 3.009 0 0 0-3 3v3h50V7a3.009 3.009 0 0 0-3-3zM10 8H8V6h2zm4 0h-2V6h2zm4 0h-2V6h2z"
/>
<path
fill="url(#g)"
d="M60 50v11H34.69l-4.02-6.96a2 2 0 1 1 3.46-2l2 3.46A1 1 0 0 0 38 55V38a2 2 0 0 1 4 0v14a1 1 0 0 0 2 0v-4a2 2 0 0 1 4 0v4a1 1 0 0 0 2 0v-3a2 2 0 0 1 4 0v3a1 1 0 0 0 2 0v-2a2 2 0 0 1 4 0z"
/>
<circle cx="26" cy="32" r="2" fill="url(#h)" />
<path
fill="url(#i)"
d="M32 33v-2h-2.14a3.673 3.673 0 0 1 .11.74L31.24 33z"
/>
<path
fill="url(#j)"
d="m28.02 35.43 4.35 4.35a1.008 1.008 0 0 0 1.42 0 .987.987 0 0 0-.01-1.41l-4.35-4.35a3.969 3.969 0 0 1-1.41 1.41z"
/>
</g>
</svg>
More icons in the same style and category