Add icons to this collection by clicking the heart icon.
Add To Basket icon - also known as hand, buy, basket, shopping, shopping basket, commerce and shopping, purchase, 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="31.291"
x2="31.291"
y1="63.633"
y2="-.223"
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="42.001"
x2="42.001"
y1="63.633"
y2="-.223"
href="#a"
/>
<linearGradient id="c" x1="42" x2="42" y1="63.633" y2="-.223" href="#a" />
<linearGradient
id="d"
x1="46.5"
x2="46.5"
y1="63.633"
y2="-.223"
gradientTransform="rotate(82.88 46.513 33.01)"
href="#a"
/>
<linearGradient
id="e"
x1="37.5"
x2="37.5"
y1="63.633"
y2="-.223"
gradientTransform="rotate(7.13 37.507 33.012)"
href="#a"
/>
<linearGradient id="f" x1="36" x2="36" y1="63.633" y2="-.223" href="#a" />
<linearGradient id="g" x1="48" x2="48" y1="63.633" y2="-.223" href="#a" />
<path
fill="url(#a)"
d="m58.68 49.37-13.63 7.87a16.944 16.944 0 0 1-10.38 2.17l-12.68-1.4L2.1 60l-.2-2 20-2a1.477 1.477 0 0 1 .21.01l12.78 1.42a14.956 14.956 0 0 0 9.16-1.92l13.63-7.88a1.927 1.927 0 0 0 .93-1.21 2 2 0 0 0-2.93-2.25l-10.67 6.16a4.982 4.982 0 0 1-2.5.67H32v-2h10a2 2 0 0 0 0-4h-7a.937.937 0 0 1-.37-.07l-3.21-1.29a9.149 9.149 0 0 0-3.35-.64h-1.3a9 9 0 0 0-4.63 1.28l-2.63 1.58A1 1 0 0 1 19 46H2v-2h16.72l2.39-1.43A10.974 10.974 0 0 1 26.77 41h1.3a10.825 10.825 0 0 1 4.09.79L35.19 43H42a4 4 0 0 1 4 4 3.906 3.906 0 0 1-.05.48l8.73-5.04a4.008 4.008 0 0 1 5.47 1.46 4.018 4.018 0 0 1-1.47 5.47z"
/>
<path
fill="url(#b)"
d="m57.2 28.95-2.22-2.21A2.018 2.018 0 0 0 56 25v-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 0H30a2.006 2.006 0 0 0-2 2v2a1.99 1.99 0 0 0 1.02 1.73l-2.22 2.22a3.021 3.021 0 0 0 .01 4.25 3.006 3.006 0 0 0 4.21.02l.74 5.21A3 3 0 0 0 34.73 41h14.54a3 3 0 0 0 2.97-2.58l.74-5.2a3 3 0 0 0 4.22-4.27zM54 23v2h-.76l-1.27-1.26a3.673 3.673 0 0 0-.11-.74zm-6-1a2 2 0 1 1-2 2 2.006 2.006 0 0 1 2-2zm-8.14 1h4.28a3.641 3.641 0 0 0 0 2h-4.28a3.641 3.641 0 0 0 0-2zM36 22a2 2 0 1 1-2 2 2.006 2.006 0 0 1 2-2zm-6 1h2.14a3.673 3.673 0 0 0-.11.74L30.76 25H30zm-.37 8.78a.987.987 0 0 1-1.41.01 1 1 0 0 1 0-1.42l4.35-4.35a3.969 3.969 0 0 0 1.41 1.41zm20.63 6.35a1.009 1.009 0 0 1-.99.87H34.73a1.009 1.009 0 0 1-.99-.86l-.95-6.69 3.47-3.48a3.971 3.971 0 0 0 2.36-.97h6.76a3.971 3.971 0 0 0 2.36.97l3.47 3.48zm5.53-6.35a1 1 0 0 1-1.42 0l-4.35-4.35a3.969 3.969 0 0 0 1.41-1.41l4.35 4.35a1 1 0 0 1 .01 1.41z"
/>
<path fill="url(#c)" d="M41 29h2v8h-2z" />
<path
fill="url(#d)"
d="M42.469 32h8.062v2h-8.062z"
transform="rotate(-82.88 46.513 33.01)"
/>
<path
fill="url(#e)"
d="M36.5 28.969h2v8.062h-2z"
transform="rotate(-7.13 37.51 33.013)"
/>
<path
fill="url(#f)"
d="M35.293 18.707a1 1 0 0 0 1.414 0l4-4A1 1 0 0 0 40 13h-1V5h-2v9a1 1 0 0 0 .649.937L36 16.586l-1.649-1.649A1 1 0 0 0 35 14V5h-2v8h-1a1 1 0 0 0-.707 1.707z"
/>
<path
fill="url(#g)"
d="M47.293 18.707a1 1 0 0 0 1.414 0l4-4A1 1 0 0 0 52 13h-1V5h-2v9a1 1 0 0 0 .649.937L48 16.586l-1.649-1.649A1 1 0 0 0 47 14V5h-2v8h-1a1 1 0 0 0-.707 1.707z"
/>
</svg>
More icons in the same style and category