Add icons to this collection by clicking the heart icon.
Add To Basket icon - also known as commerce, shop, shopping basket, commerce and shopping, add to cart, 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="c"
x1="11.414"
x2="52.851"
y1="60.012"
y2="18.575"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#80b4ff" />
<stop offset="1" stop-color="#5d88f4" />
</linearGradient>
<linearGradient
id="a"
x1="12.868"
x2="30.454"
y1="23.855"
y2="6.269"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f95555" />
<stop offset="1" stop-color="#d81d1d" />
</linearGradient>
<linearGradient
id="d"
x1="39.33"
x2="45.879"
y1="18.337"
y2="11.787"
href="#a"
/>
<linearGradient
id="b"
x1="23.568"
x2="40.697"
y1="62.909"
y2="45.779"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d7e6f9" />
<stop offset="1" stop-color="#ccd3dd" />
</linearGradient>
<linearGradient
id="e"
x1="23.032"
x2="41.234"
y1="57.445"
y2="39.243"
href="#b"
/>
<linearGradient
id="f"
x1="22.495"
x2="41.77"
y1="51.977"
y2="32.703"
href="#b"
/>
<linearGradient
id="g"
x1="21.96"
x2="42.305"
y1="46.512"
y2="26.168"
href="#b"
/>
<linearGradient
id="h"
x1="21.424"
x2="42.841"
y1="41.053"
y2="19.635"
href="#b"
/>
<linearGradient
id="i"
x1="7.391"
x2="23.121"
y1="52.72"
y2="36.99"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#77f969" />
<stop offset="1" stop-color="#03dd03" />
</linearGradient>
<linearGradient
id="j"
x1="11.297"
x2="18.908"
y1="48.66"
y2="41.049"
href="#b"
/>
<g>
<path
fill="url(#c)"
d="M51.8 60H12.468a2.564 2.564 0 0 1-2.527-2.109l-5.5-30.8a2.561 2.561 0 0 1 2.527-3H57.3a2.56 2.56 0 0 1 2.527 3l-5.5 30.8A2.564 2.564 0 0 1 51.8 60z"
/>
<path
d="M57.3 24.09h-1.5a2.507 2.507 0 0 1 .032 1l-5.5 30.8A2.564 2.564 0 0 1 47.8 58H9.971a2.559 2.559 0 0 0 2.5 2H51.8a2.564 2.564 0 0 0 2.527-2.109l5.5-30.8A2.56 2.56 0 0 0 57.3 24.09z"
opacity=".2"
/>
<path
fill="url(#a)"
d="M13.1 24.09 25.313 4.93a2 2 0 0 1 2.76-.62l.96.61a1.97 1.97 0 0 1 .61 2.74l-10.46 16.43z"
/>
<path
fill="url(#d)"
d="M45.083 24.09 34.623 7.66a1.97 1.97 0 0 1 .61-2.74l.96-.61a2 2 0 0 1 2.76.62l12.21 19.16z"
/>
<path
d="m29.033 4.92-.96-.61a2 2 0 0 0-2.515.308l.475.3a1.97 1.97 0 0 1 .61 2.74L16.183 24.09h3l10.46-16.43a1.97 1.97 0 0 0-.61-2.74zM38.953 4.93a2 2 0 0 0-2.76-.62l-.485.308a2.044 2.044 0 0 1 .245.312l12.21 19.16h3z"
opacity=".2"
/>
<path
fill="url(#b)"
d="M47.848 55.344H16.417a1 1 0 0 1 0-2h31.431a1 1 0 0 1 0 2z"
/>
<path
fill="url(#e)"
d="M48.92 49.344H15.346a1 1 0 1 1 0-2H48.92a1 1 0 0 1 0 2z"
/>
<path
fill="url(#f)"
d="M49.992 43.34h-35.72a1 1 0 1 1 0-2h35.72a1 1 0 0 1 0 2z"
/>
<path
fill="url(#g)"
d="M51.063 37.34H13.2a1 1 0 0 1 0-2h37.86a1 1 0 0 1 0 2z"
/>
<path
fill="url(#h)"
d="M52.136 31.344H12.129a1 1 0 1 1 0-2h40.007a1 1 0 0 1 0 2z"
/>
<circle cx="15.256" cy="44.855" r="11.123" fill="url(#i)" />
<path
d="M15.916 33.765a11.117 11.117 0 0 1-4.66 21.213c-.223 0-.441-.021-.66-.034a11.113 11.113 0 1 0 5.32-21.179z"
opacity=".2"
/>
<path
fill="url(#j)"
d="M21.3 43.854h-5.2v-5.2a1 1 0 0 0-2 0v5.2H8.9a1 1 0 1 0 0 2h5.2v5.2a1 1 0 0 0 2 0v-5.2h5.2a1 1 0 0 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category