Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as commerce, buy, shopping, 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 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="31.824"
x2="492.369"
y1="20.743"
y2="485.9"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="20.01"
x2="480.555"
y1="32.44"
y2="497.597"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="104.853"
x2="565.398"
y1="-51.562"
y2="413.595"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M468.207 158.28h-71.698a2.5 2.5 0 0 0-2.41 1.835l-10.479 37.967h-30.19a2.5 2.5 0 1 0 0 5h32.093a2.5 2.5 0 0 0 2.41-1.835l10.479-37.967h69.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.835l-66.585 241.246H171.843c-4.136 0-7.5-3.364-7.5-7.5s3.364-7.5 7.5-7.5h18.405a2.5 2.5 0 1 0 0-5h-18.405c-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.418-10.853 21.103 0 14.326 11.655 25.981 25.981 25.981s25.981-11.655 25.981-25.981c0-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.835L413.64 183.28h54.567c6.893 0 12.5-5.607 12.5-12.5s-5.607-12.5-12.5-12.5zM206.306 447.343c0 11.569-9.412 20.981-20.981 20.981s-20.981-9.412-20.981-20.981 9.412-20.981 20.981-20.981 20.981 9.411 20.981 20.981zm135.839 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.411 20.981 20.981z"
/>
<path
fill="url(#c)"
d="M233.396 401.361a2.5 2.5 0 1 0 0 5h96.021a2.5 2.5 0 0 0 2.41-1.835l50.586-183.279a2.503 2.503 0 0 0-2.41-3.165H100.852c-4.136 0-7.5-3.365-7.5-7.5 0-4.136 3.364-7.5 7.5-7.5h199.682a2.5 2.5 0 1 0 0-5H100.852c-6.893 0-12.5 5.607-12.5 12.5 0 6.221 4.573 11.38 10.53 12.329l4.799 18.142a2.501 2.501 0 0 0 3.057 1.778 2.5 2.5 0 0 0 1.777-3.056l-4.416-16.692H376.72l-35.277 127.814h-18.409v-96.05c0-6.893-5.607-12.5-12.5-12.5s-12.5 5.607-12.5 12.5v96.05h-26.65v-96.05c0-6.893-5.607-12.5-12.5-12.5s-12.5 5.607-12.5 12.5v96.05h-26.651v-96.05c0-6.893-5.607-12.5-12.5-12.5s-12.5 5.607-12.5 12.5v95.997c-33.879-1.095-63.272-24.338-71.991-57.294l-2.984-11.281a2.5 2.5 0 1 0-4.834 1.278l2.984 11.281c9.512 35.957 42.132 61.069 79.325 61.069H340.063l-12.549 45.465h-94.118zm-18.665-50.465h-15v-96.05c0-4.136 3.364-7.5 7.5-7.5s7.5 3.364 7.5 7.5zm51.652 0h-15v-96.05c0-4.136 3.364-7.5 7.5-7.5s7.5 3.364 7.5 7.5zm51.65 0h-15v-96.05c0-4.136 3.364-7.5 7.5-7.5s7.5 3.364 7.5 7.5z"
/>
<path
fill="url(#d)"
d="M232.826 130.502h7.625a2.5 2.5 0 0 0 2.5-2.5V91.306a2.5 2.5 0 1 0-5 0v34.197h-5.125a6.953 6.953 0 0 0-6.084 3.513 6.95 6.95 0 0 0 0 7.026l23.174 40.132c1.27 2.199 3.544 3.513 6.084 3.513s4.814-1.313 6.084-3.513l23.174-40.132a6.95 6.95 0 0 0 0-7.026 6.953 6.953 0 0 0-6.084-3.513h-5.124V40.166a5.83 5.83 0 0 0-5.824-5.824h-24.45a5.83 5.83 0 0 0-5.824 5.824v14.313a2.5 2.5 0 1 0 5 0V40.166c0-.455.37-.824.824-.824h24.45c.454 0 .824.37.824.824v87.836a2.5 2.5 0 0 0 2.5 2.5h7.624c1.056 0 1.578.708 1.754 1.013s.528 1.112 0 2.026l-23.174 40.132c-.527.914-1.402 1.013-1.754 1.013s-1.227-.099-1.754-1.013l-23.174-40.132c-.528-.915-.176-1.722 0-2.026s.699-1.013 1.754-1.013z"
/>
</svg>
More icons in the same style and category