Add icons to this collection by clicking the heart icon.
Add To Basket icon - also known as commerce, basket, shopping basket, commerce and shopping, online store, online shopping, add to cart, 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 32 32"
>
<linearGradient
id="a"
x1="15.834"
x2="16.168"
y1=".167"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b621fe" />
<stop offset="1" stop-color="#1fd1f9" />
</linearGradient>
<linearGradient
id="b"
x1="12.778"
x2="13.111"
y1=".199"
y2="32.032"
href="#a"
/>
<linearGradient
id="c"
x1="15.803"
x2="16.136"
y1=".167"
y2="32"
href="#a"
/>
<linearGradient
id="d"
x1="18.827"
x2="19.161"
y1=".135"
y2="31.969"
href="#a"
/>
<linearGradient
id="e"
x1="15.856"
x2="16.189"
y1=".166"
y2="32"
href="#a"
/>
<linearGradient
id="f"
x1="15.863"
x2="16.196"
y1=".166"
y2="32"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M16 1.5A14.5 14.5 0 1 0 30.5 16 14.507 14.507 0 0 0 16 1.5zm0 28A13.5 13.5 0 1 1 29.5 16 13.506 13.506 0 0 1 16 29.5z"
/>
<path
fill="url(#b)"
d="M12.975 21.038a.5.5 0 0 0 .5-.5v-3.026a.5.5 0 0 0-1 0v3.026a.5.5 0 0 0 .5.5z"
/>
<path
fill="url(#c)"
d="M16 21.038a.5.5 0 0 0 .5-.5v-3.025a.5.5 0 1 0-1 0v3.026a.5.5 0 0 0 .5.499z"
/>
<path
fill="url(#d)"
d="M19.025 21.038a.5.5 0 0 0 .5-.5v-3.026a.5.5 0 0 0-1 0v3.026a.5.5 0 0 0 .5.5z"
/>
<path
fill="url(#e)"
d="M23.635 11.971h-4.324a3.5 3.5 0 1 0-6.672 0H8.365a1.509 1.509 0 0 0-1.508 1.508v.864a1.509 1.509 0 0 0 1.508 1.509h.013L9.421 21.8a2.6 2.6 0 0 0 2.47 2.262h8.218a2.6 2.6 0 0 0 2.47-2.262l1.043-5.949h.013a1.509 1.509 0 0 0 1.508-1.509v-.864a1.509 1.509 0 0 0-1.508-1.508zm-7.66-3.56a2.5 2.5 0 1 1-2.5 2.5 2.5 2.5 0 0 1 2.5-2.5zm5.619 13.217a1.607 1.607 0 0 1-1.485 1.435h-8.218a1.607 1.607 0 0 1-1.485-1.435l-1.013-5.776h13.214zm2.549-7.285a.509.509 0 0 1-.508.509H8.365a.509.509 0 0 1-.508-.509v-.864a.509.509 0 0 1 .508-.508h4.781a3.5 3.5 0 0 0 5.658 0h4.831a.509.509 0 0 1 .508.508z"
/>
<path
fill="url(#f)"
d="M15.475 11.411v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1a.5.5 0 0 0-1 0v1h-1a.5.5 0 0 0 0 1z"
/>
</g>
</svg>
More icons in the same style and category