Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as add, commerce, shop, buy, basket, shopping, commerce and shopping, add to cart, e-commerce, pick, and add button. Created in a clean color omission style with a white, gray, teal, and orange finish, 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 384 384"
>
<path
d="M71.999 112h-24l27.824 160.001h244.176l56-160.001h-248"
fill-rule="evenodd"
fill="#ffb344"
/>
<path
d="m370.399 128 5.6-15.999h-328l27.824 160.001h15.096L65.879 128h304.52z"
fill-rule="evenodd"
fill="#fff"
/>
<path
d="M71.999 104.001h-24a7.997 7.997 0 0 0-7.88 9.367l27.824 160.001a7.995 7.995 0 0 0 7.88 6.633h244.176c3.4 0 6.424-2.147 7.552-5.362l56-159.993a8 8 0 0 0-7.552-10.645h-248c-4.416 0-8 3.584-8 8s3.584 8 8 8h236.728l-50.4 144.002H82.551L57.511 120h14.488c4.416 0 8-3.584 8-8a8.002 8.002 0 0 0-8-7.999z"
fill-rule="evenodd"
/>
<path
d="M103.999 104.001h-8c-4.416 0-8 3.584-8 8s3.584 8 8 8h8c4.416 0 8-3.584 8-8 0-4.417-3.584-8-8-8z"
fill-rule="evenodd"
/>
<path
d="m7.998 63.996 23.535.009 41.972 241.364a8.017 8.017 0 0 0 7.885 6.635l134.609.001c4.412 0 7.996-3.591 7.996-8.004 0-4.413-3.578-8.005-7.998-8.006l-127.883.002c.008.001-41.972-241.364-41.972-241.364a8.017 8.017 0 0 0-7.885-6.635H7.996C3.584 47.998 0 51.589 0 56.002c.001 4.413 3.586 7.994 7.998 7.994zM240.001 311.998l7.993.007c4.42.001 8.004-3.591 8.004-8.003 0-4.413-3.586-8.006-7.998-8.006l-8 .005a8 8 0 1 0 .001 15.997zM271.997 311.998l16.002.003c4.412 0 7.996-3.591 7.996-8.004a7.995 7.995 0 0 0-7.997-7.994L271.996 296c-4.412 0-7.996 3.579-7.996 8.004 0 4.413 3.585 7.994 7.997 7.994z"
fill-rule="evenodd"
/>
<circle cx="111.999" cy="352" r="24" fill-rule="evenodd" fill="#00a19d" />
<path
d="M105.495 374.688C95.351 372.2 87.999 362.952 87.999 352c0-13.248 10.752-24 24-24 7.608 0 14.4 3.552 18.504 9.312L123.999 336c-13.248 0-24 10.752-24 24 0 5.632 1.944 10.816 5.496 14.688z"
fill-rule="evenodd"
fill="#fff"
/>
<path
d="M111.999 320c-17.664 0-32 14.336-32 32s14.336 32 32 32 32-14.336 32-32-14.336-32-32-32zm0 16c8.832 0 16 7.168 16 16s-7.168 16-16 16-16-7.168-16-16 7.168-16 16-16z"
fill-rule="evenodd"
/>
<circle cx="271.999" cy="352" r="24" fill-rule="evenodd" fill="#00a19d" />
<path
d="M265.495 374.688c-10.144-2.488-17.496-11.736-17.496-22.688 0-13.248 10.752-24 24-24 7.608 0 14.4 3.552 18.504 9.312L283.999 336c-13.248 0-24 10.752-24 24 0 5.632 1.944 10.816 5.496 14.688z"
fill-rule="evenodd"
fill="#fff"
/>
<path
d="M271.999 320c-17.664 0-32 14.336-32 32s14.336 32 32 32 32-14.336 32-32-14.336-32-32-32zm0 16c8.832 0 16 7.168 16 16s-7.168 16-16 16-16-7.168-16-16 7.168-16 16-16z"
fill-rule="evenodd"
/>
<path
d="M207.999 40h24l-40 40-40-40h24V8h32v32z"
fill-rule="evenodd"
fill="#e05d5d"
/>
<path
d="M207.999 20h-20v32h-24l-12-12h24V8h32v12z"
fill-rule="evenodd"
fill="#fff"
/>
<path
d="M215.999 32V8c0-4.416-3.584-8-8-8h-32c-4.416 0-8 3.584-8 8v24h-16a8.013 8.013 0 0 0-7.392 4.936 8 8 0 0 0 1.736 8.72l40 40a7.991 7.991 0 0 0 11.312 0l40-40a8 8 0 0 0 1.736-8.72A8.013 8.013 0 0 0 231.999 32h-16zm-16 8c0 4.416 3.584 8 8 8h4.688l-20.688 20.688L171.311 48h4.688c4.416 0 8-3.584 8-8V16h16v24z"
fill-rule="evenodd"
/>
</svg>
More icons in the same style and category