Add icons to this collection by clicking the heart icon.
Add To Basket icon - also known as click, hand, commerce, buy, sale, basket, browser, commerce and shopping, buying, purchase, ecommerce, and add to basket. 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"
x2="9"
y1="64.194"
y2="-2.022"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="13" x2="13" y1="64.194" y2="-2.022" href="#a" />
<linearGradient id="c" x1="17" x2="17" y1="64.194" y2="-2.022" href="#a" />
<linearGradient id="d" x1="20" x2="20" y1="64.194" y2="-2.022" href="#a" />
<linearGradient
id="e"
x1="24.5"
x2="24.5"
y1="64.194"
y2="-2.022"
gradientTransform="rotate(82.88 24.507 41.012)"
href="#a"
/>
<linearGradient
id="f"
x1="15.5"
x2="15.5"
y1="64.194"
y2="-2.022"
gradientTransform="rotate(7.13 15.505 41.01)"
href="#a"
/>
<linearGradient id="g" x1="40" x2="40" y1="64.194" y2="-2.022" href="#a" />
<linearGradient id="h" x1="32" x2="32" y1="64.194" y2="-2.022" href="#a" />
<g>
<path fill="url(#a)" d="M8 6h2v2H8z" />
<path fill="url(#b)" d="M12 6h2v2h-2z" />
<path fill="url(#c)" d="M16 6h2v2h-2z" />
<path fill="url(#d)" d="M19 37h2v8h-2z" />
<path
fill="url(#e)"
d="M20.469 40h8.062v2h-8.062z"
transform="rotate(-82.88 24.507 41.011)"
/>
<path
fill="url(#f)"
d="M14.5 36.969h2v8.062h-2z"
transform="rotate(-7.13 15.503 41.014)"
/>
<path
fill="url(#d)"
d="M24 21h-1v-7h-2v8a1 1 0 0 0 .649.937L20 24.586l-1.649-1.649A1 1 0 0 0 19 22v-8h-2v7h-1a1 1 0 0 0-.707 1.707l4 4a1 1 0 0 0 1.414 0l4-4A1 1 0 0 0 24 21z"
/>
<path fill="url(#g)" d="M41 18h-2v2h-2v2h2v2h2v-2h2v-2h-2z" />
<path
fill="url(#g)"
d="M40 14a7 7 0 1 0 7 7 7.008 7.008 0 0 0-7-7zm0 12a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5z"
/>
<path
fill="url(#h)"
d="M58 46a3.989 3.989 0 0 0-2 .54V7a5 5 0 0 0-5-5H7a5 5 0 0 0-5 5v44a5 5 0 0 0 5 5h22.49l3.76 6.5 1.73-1-4.31-7.46a2 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 0v12h2V50a4 4 0 0 0-4-4zm-22 5.27-.13-.23A3.989 3.989 0 0 0 28.54 54H7a3.009 3.009 0 0 1-3-3V39.69a3.028 3.028 0 0 0 .81 1.51 3.006 3.006 0 0 0 4.21.02l.74 5.21A3 3 0 0 0 12.73 49h14.54a3 3 0 0 0 2.97-2.58l.74-5.2A2.988 2.988 0 0 0 36 39.7zM10.57 34.02a3.969 3.969 0 0 0 1.41 1.41l-4.35 4.35a1 1 0 0 1-1.41.01.99.99 0 0 1 0-1.42zM8 33v-2h2.14a3.57 3.57 0 0 0-.11.74L8.76 33zm6.26 2.97a3.971 3.971 0 0 0 2.36-.97h6.76a3.971 3.971 0 0 0 2.36.97l3.47 3.48-.95 6.68a1 1 0 0 1-.99.87H12.73a1 1 0 0 1-.99-.86l-.95-6.69zM12 32a2 2 0 1 1 2 2 2.006 2.006 0 0 1-2-2zm5.86-1h4.28a3.641 3.641 0 0 0 0 2h-4.28a3.641 3.641 0 0 0 0-2zM24 32a2 2 0 1 1 2 2 2.006 2.006 0 0 1-2-2zm9.78 6.37a.987.987 0 0 1 .01 1.41 1.008 1.008 0 0 1-1.42 0l-4.35-4.35a3.969 3.969 0 0 0 1.41-1.41zM29.86 31H32v2h-.76l-1.27-1.26a3.673 3.673 0 0 0-.11-.74zM54 45.54a3.989 3.989 0 0 0-2-.54 3.94 3.94 0 0 0-2.57.94 3.993 3.993 0 0 0-5.43-1.4V38a4 4 0 0 0-8 0v.45a3.059 3.059 0 0 0-.8-1.5l-2.22-2.21A2.018 2.018 0 0 0 34 33v-2a2.006 2.006 0 0 0-2-2h-3.38a3.932 3.932 0 0 0-5.24 0h-6.76a3.932 3.932 0 0 0-5.24 0H8a2.006 2.006 0 0 0-2 2v2a1.99 1.99 0 0 0 1.02 1.73L4.8 36.95a3.059 3.059 0 0 0-.8 1.5V12h50zM54 10H4V7a3.009 3.009 0 0 1 3-3h44a3.009 3.009 0 0 1 3 3z"
/>
</g>
</svg>
More icons in the same style and category