Add icons to this collection by clicking the heart icon.
Add To Basket icon - also known as ui, commerce and shopping, online store, online shopping, plus sign, 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">
<stop offset=".01" stop-color="#2a4d89" />
<stop offset="1" stop-color="#688bad" />
</linearGradient>
<linearGradient
id="c"
x1="48.086"
x2="55.915"
y1="20.914"
y2="13.086"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="4.086"
x2="19.914"
y1="24.914"
y2="9.086"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="12.086"
x2="51.914"
y1="66.914"
y2="27.086"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7259" />
<stop offset="1" stop-color="#d7482f" />
</linearGradient>
<linearGradient
id="f"
x1="13.086"
x2="50.914"
y1="49.914"
y2="12.086"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d7482f" />
<stop offset="1" stop-color="#ff7259" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#aebbe3" />
<stop offset="1" stop-color="#eaecff" />
</linearGradient>
<linearGradient
id="g"
x1="23.52"
x2="40.482"
y1="20.482"
y2="3.52"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="28.587"
x2="35.415"
y1="15.415"
y2="8.587"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="20.586"
x2="27.415"
y1="53.415"
y2="46.587"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="36.587"
x2="43.415"
y1="53.415"
y2="46.587"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="28.586"
x2="35.414"
y1="53.414"
y2="46.586"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M56 28a2 2 0 0 1-1.897-1.368L50.559 14H44a2 2 0 0 1 0-4h8a2 2 0 0 1 1.897 1.367l4 13.999A2 2 0 0 1 56 28z"
/>
<path
fill="url(#d)"
d="M8 28a2 2 0 0 1-1.898-2.634l4-13.999A2.002 2.002 0 0 1 12 10h8a2 2 0 0 1 0 4h-6.559L9.897 26.632A2 2 0 0 1 8 28z"
/>
<path
fill="url(#e)"
d="M59.526 34.707A2.001 2.001 0 0 0 58 34H6a2.001 2.001 0 0 0-1.973 2.329l4 26A2 2 0 0 0 10 64h44a2 2 0 0 0 1.973-1.671l4-26a2.004 2.004 0 0 0-.447-1.622z"
/>
<path
fill="url(#f)"
d="M62 24H2a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h60a2 2 0 0 0 2-2V26a2 2 0 0 0-2-2z"
/>
<path
fill="url(#g)"
d="M32 0c-6.617 0-12 5.383-12 12s5.383 12 12 12 12-5.383 12-12S38.617 0 32 0z"
/>
<path
fill="url(#h)"
d="M36 10h-2V8a2 2 0 0 0-4 0v2h-2a2 2 0 0 0 0 4h2v2a2 2 0 0 0 4 0v-2h2a2 2 0 0 0 0-4z"
/>
<path
fill="url(#i)"
d="M24 56a2 2 0 0 1-2-2v-8a2 2 0 0 1 4 0v8a2 2 0 0 1-2 2z"
/>
<path
fill="url(#j)"
d="M40 56a2 2 0 0 1-2-2v-8a2 2 0 0 1 4 0v8a2 2 0 0 1-2 2z"
/>
<path
fill="url(#k)"
d="M32 56a2 2 0 0 1-2-2v-8a2 2 0 0 1 4 0v8a2 2 0 0 1-2 2z"
/>
</svg>
More icons in the same style and category