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 outline color 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="b"
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="c"
x1="39.33"
x2="45.879"
y1="18.337"
y2="11.787"
href="#a"
/>
<linearGradient
id="d"
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>
<g>
<path
fill="url(#b)"
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(#c)"
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 d="M52.136 31.344H12.13a1 1 0 0 1 0-2h40.006a1 1 0 0 1 0 2z" />
<circle cx="15.256" cy="44.855" r="11.123" fill="url(#d)" />
<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
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"
/>
<path
d="M30 59H12.461a1.56 1.56 0 0 1-1.536-1.285l-.3-1.66a12.035 12.035 0 0 0 10.684-.715H47.85a1 1 0 0 0 0-2H23.9a12.16 12.16 0 0 0 2.609-4H48.92a1 1 0 0 0 0-2h-21.8a11.624 11.624 0 0 0 .154-4H49.99a1 1 0 1 0 0-2H26.855a12.089 12.089 0 0 0-2.105-4h26.31a1 1 0 0 0 0-2H22.743a12.051 12.051 0 0 0-15.7.627l-1.62-9.048a1.559 1.559 0 0 1 1.542-1.829H30a1 1 0 0 0 1-1 1 1 0 0 0-1-1h-9l9.48-14.885a2.969 2.969 0 0 0-.91-4.129l-.961-.611a3.005 3.005 0 0 0-4.14.928L12.554 23.09H7.09a3.743 3.743 0 0 0-2.063.566 3.56 3.56 0 0 0-1.573 3.615l1.9 10.616a12.083 12.083 0 0 0 3.024 16.939l.577 3.233A3.569 3.569 0 0 0 12.468 61H30a1 1 0 0 0 1-1 1 1 0 0 0-1-1zM26.157 5.466a1 1 0 0 1 1.379-.313l.968.616a.969.969 0 0 1 .296 1.353L18.634 23.09h-3.708zM5.133 44.854a10.123 10.123 0 1 1 10.123 10.124A10.134 10.134 0 0 1 5.133 44.854z"
/>
<path
d="M59.231 23.653a3.768 3.768 0 0 0-2.069-.563h-5.45L39.8 4.394a3 3 0 0 0-4.141-.928l-.876.556a3.129 3.129 0 0 0-1.237 1.4 2.957 2.957 0 0 0 .233 2.778l9.482 14.89H34a1 1 0 0 0-1 1 1 1 0 0 0 1 1h23.3a1.565 1.565 0 0 1 1.2.561 1.546 1.546 0 0 1 .339 1.268l-5.5 30.8A1.561 1.561 0 0 1 51.8 59H34a1 1 0 0 0-1 1 1 1 0 0 0 1 1h17.8a3.559 3.559 0 0 0 3.511-2.934l5.5-30.795a3.561 3.561 0 0 0-1.58-3.618zm-13.6-.563L35.46 7.112a.957.957 0 0 1-.131-.729.968.968 0 0 1 .44-.619l.959-.61a1 1 0 0 1 1.381.313L49.34 23.09z"
/>
</g>
</svg>
More icons in the same style and category