Add icons to this collection by clicking the heart icon.
Add To Basket icon - also known as smartphone, basket, shopping basket, commerce and shopping, online store, online shopping, purchase, online shop, 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="32"
x2="32"
y1="65.182"
y2="-1.722"
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="26" x2="26" y1="65.182" y2="-1.722" href="#a" />
<linearGradient
id="c"
x1="32.001"
x2="32.001"
y1="65.182"
y2="-1.722"
href="#a"
/>
<linearGradient
id="d"
x1="36.5"
x2="36.5"
y1="65.182"
y2="-1.722"
gradientTransform="rotate(82.88 36.51 42.011)"
href="#a"
/>
<linearGradient
id="e"
x1="27.5"
x2="27.5"
y1="65.182"
y2="-1.722"
gradientTransform="rotate(7.13 27.51 42.013)"
href="#a"
/>
<linearGradient id="f" x1="38" x2="38" y1="65.182" y2="-1.722" href="#a" />
<g>
<path
fill="url(#a)"
d="M51 2H13a6 6 0 0 0-6 6v48a6 6 0 0 0 6 6h38a6 6 0 0 0 6-6V8a6 6 0 0 0-6-6zm4 54a4 4 0 0 1-4 4H13a4 4 0 0 1-4-4v-2h46zm0-4H9V12h46zm0-42H9V8a4 4 0 0 1 4-4h38a4 4 0 0 1 4 4z"
/>
<path fill="url(#b)" d="M25 6h2v2h-2z" />
<path fill="url(#a)" d="M29 6h6v2h-6zM29 56h6v2h-6z" />
<path
fill="url(#c)"
d="m47.2 37.95-2.22-2.21A2.018 2.018 0 0 0 46 34v-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 0H20a2.006 2.006 0 0 0-2 2v2a2.018 2.018 0 0 0 1.02 1.74l-2.22 2.21a3.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 24.73 50h14.54a3 3 0 0 0 2.97-2.58l.74-5.2a3 3 0 0 0 4.22-4.27zM44 32v2h-.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-2zM26 31a2 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.74L20.76 34H20zm-.37 8.78a1 1 0 1 1-1.41-1.41l4.35-4.35a3.969 3.969 0 0 0 1.41 1.41zm20.63 6.35a1.009 1.009 0 0 1-.99.87H24.73a1 1 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.35a.99.99 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(#a)" d="M31 38h2v8h-2z" />
<path
fill="url(#d)"
d="M32.469 41h8.062v2h-8.062z"
transform="rotate(-82.88 36.51 42.012)"
/>
<path
fill="url(#e)"
d="M26.5 37.969h2v8.062h-2z"
transform="rotate(-7.13 27.505 42.01)"
/>
<path
fill="url(#b)"
d="M25.293 26.707a1 1 0 0 0 1.414 0l4-4A1 1 0 0 0 30 21h-1v-7h-2v8a1 1 0 0 0 .649.937L26 24.586l-1.649-1.649A1 1 0 0 0 25 22v-8h-2v7h-1a1 1 0 0 0-.707 1.707z"
/>
<path
fill="url(#f)"
d="M37.293 26.707a1 1 0 0 0 1.414 0l4-4A1 1 0 0 0 42 21h-1v-7h-2v8a1 1 0 0 0 .649.937L38 24.586l-1.649-1.649A1 1 0 0 0 37 22v-8h-2v7h-1a1 1 0 0 0-.707 1.707z"
/>
</g>
</svg>
More icons in the same style and category