Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as commerce, buy, shopping cart, shopping, commerce and shopping, online store, add to cart, and ecommerce. 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fef050" />
<stop offset=".035" stop-color="#fae73d" />
<stop offset=".093" stop-color="#f5db22" />
<stop offset=".154" stop-color="#f2d20f" />
<stop offset=".215" stop-color="#f0cd04" />
<stop offset=".281" stop-color="#efcb00" />
<stop offset=".668" stop-color="#d99544" />
<stop offset=".888" stop-color="#cd6f3c" />
<stop offset="1" stop-color="#c34435" />
</linearGradient>
<linearGradient
id="b"
x1="29.686"
x2="487.35"
y1="15.16"
y2="469.941"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="18.373"
x2="476.037"
y1="26.545"
y2="481.326"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="4.562"
x2="462.225"
y1="40.444"
y2="495.225"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M450.856 132.848h-71.699a2.5 2.5 0 0 0-2.41 1.835l-10.479 37.968H335.47a2.5 2.5 0 1 0 0 5h32.702a2.5 2.5 0 0 0 2.41-1.835l10.479-37.968h69.795c4.136 0 7.5 3.364 7.5 7.5s-3.364 7.5-7.5 7.5h-56.471a2.5 2.5 0 0 0-2.41 1.835L325.39 395.929H154.492c-4.136 0-7.5-3.364-7.5-7.5s3.364-7.5 7.5-7.5h21.178a2.5 2.5 0 1 0 0-5h-21.178c-6.893 0-12.5 5.607-12.5 12.5 0 6.333 4.738 11.568 10.853 12.379-6.565 4.72-10.853 12.417-10.853 21.103 0 14.326 11.655 25.981 25.981 25.981 14.327 0 25.982-11.655 25.982-25.981 0-8.61-4.213-16.251-10.683-20.981h105.241c-6.47 4.73-10.683 12.371-10.683 20.981 0 14.326 11.655 25.981 25.982 25.981 14.326 0 25.981-11.655 25.981-25.981 0-8.61-4.213-16.251-10.683-20.981h8.183a2.5 2.5 0 0 0 2.41-1.835l66.585-241.246h54.568c6.893 0 12.5-5.607 12.5-12.5s-5.607-12.501-12.5-12.501zM188.955 421.91c0 11.569-9.413 20.981-20.982 20.981s-20.981-9.412-20.981-20.981 9.412-20.981 20.981-20.981 20.982 9.412 20.982 20.981zm135.838 0c0 11.569-9.412 20.981-20.981 20.981s-20.982-9.412-20.982-20.981 9.413-20.981 20.982-20.981 20.981 9.412 20.981 20.981z"
/>
<path
fill="url(#c)"
d="M224.18 375.929a2.5 2.5 0 1 0 0 5h87.886a2.5 2.5 0 0 0 2.41-1.835l50.586-183.278a2.499 2.499 0 0 0-2.409-3.165L83.5 192.649c-4.136 0-7.5-3.364-7.5-7.5 0-4.135 3.364-7.499 7.5-7.499h193.973a2.5 2.5 0 1 0 0-5H83.5c-6.893 0-12.5 5.607-12.5 12.5 0 6.22 4.573 11.379 10.53 12.328l7.907 29.891a2.502 2.502 0 0 0 4.835-1.28l-7.523-28.44 272.62.001-35.277 127.813h-144.21c-34.927 0-65.559-23.582-74.491-57.348a2.5 2.5 0 1 0-4.834 1.28c9.512 35.956 42.131 61.068 79.325 61.068h142.83l-12.548 45.465H224.18z"
/>
<path
fill="url(#d)"
d="M237.076 254.057a2.5 2.5 0 0 0 2.5-2.5v-34.902c0-6.893-5.607-12.5-12.5-12.5s-12.5 5.607-12.5 12.5v32.402h-32.403c-6.893 0-12.5 5.607-12.5 12.5s5.607 12.5 12.5 12.5h32.403v32.403c0 6.893 5.607 12.5 12.5 12.5s12.5-5.607 12.5-12.5v-32.403h32.403c6.893 0 12.5-5.607 12.5-12.5s-5.607-12.5-12.5-12.5H261.39a2.5 2.5 0 1 0 0 5h10.589c4.136 0 7.5 3.364 7.5 7.5s-3.364 7.5-7.5 7.5h-34.903a2.5 2.5 0 0 0-2.5 2.5v34.903c0 4.136-3.364 7.5-7.5 7.5s-7.5-3.364-7.5-7.5v-34.903a2.5 2.5 0 0 0-2.5-2.5h-34.903c-4.136 0-7.5-3.364-7.5-7.5s3.364-7.5 7.5-7.5h34.903a2.5 2.5 0 0 0 2.5-2.5v-34.902c0-4.136 3.364-7.5 7.5-7.5s7.5 3.364 7.5 7.5v34.902a2.5 2.5 0 0 0 2.5 2.5z"
/>
</svg>
More icons in the same style and category