Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as shopping basket, handbag, ui, commerce and shopping, online shopping, add to cart, and add to basket. Created in a clean outline color style with a white, silver, gray, black, teal, orange, and pink 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 64 64"
>
<circle cx="51" cy="25" r="12" fill="#69c9b8" />
<path
fill="#14ad97"
d="M48 31c-2.739 1.369-5.477-.074-8.216-1.762C41.499 33.771 45.867 37 51 37c6.627 0 12-5.373 12-12 0-2.772-.949-5.317-2.527-7.348C57.97 23.815 54.439 29.068 48 31z"
/>
<path
fill="#ffb243"
d="M63 31v6h-8.76l-.16-.4c3.12-.82 5.74-2.88 7.32-5.6z"
/>
<path
fill="#6a6e73"
d="M61.84 55.23c.43 1.02-.05 2.19-1.07 2.62-1.02.42-2.19-.06-2.62-1.08l-2.43-5.83v-.01L49.91 37l-.02-.05a11.983 11.983 0 0 0 4.19-.35l.16.4 3.32 7.95z"
/>
<path fill="#fb701f" d="m60 37-2.44 7.95L54.24 37z" />
<path
fill="#f6f0f5"
d="M57 23c1.1 0 2 .9 2 2s-.9 2-2 2h-4v4c0 1.1-.9 2-2 2s-2-.9-2-2v-4h-4c-1.1 0-2-.9-2-2s.9-2 2-2h4v-4c0-1.1.9-2 2-2s2 .9 2 2v4z"
/>
<path
fill="#ffca88"
d="M55.72 50.93v.01l-3.51 11.37a1 1 0 0 1-.95.69H12.74c-.44 0-.83-.29-.96-.71l-3.5-11.36L14.09 37h35.82z"
/>
<path
fill="#ffb243"
d="M55.72 50.93 49.91 37H14.09L8.28 50.93l.489 1.588C19.594 39.11 35.103 33.103 50 48c1.977 1.977 3.221 4.442 4.456 7.034l1.264-4.094z"
/>
<path
fill="#ffca88"
d="m49.89 36.95.02.05H14.09l1.76-4.23c.25-.6.18-1.25-.13-1.77H40.6c1.9 3.28 5.31 5.59 9.29 5.95z"
/>
<path
fill="#fb701f"
d="M47 42v14c0 1.1-.9 2-2 2s-2-.9-2-2V42c0-1.1.9-2 2-2s2 .9 2 2z"
/>
<path fill="#4e71d9" d="m40 13-8 8-8-8h4V5h8v8z" />
<path
fill="#3667e0"
d="M40 13h-4V5h-2.98c-.005 4.87-.281 10.757-2.535 14.484L32 21z"
/>
<path
fill="#fb701f"
d="M34 42v14c0 1.1-.9 2-2 2s-2-.9-2-2V42c0-1.1.9-2 2-2s2 .9 2 2zM21 42v14c0 1.1-.9 2-2 2s-2-.9-2-2V42c0-1.1.9-2 2-2s2 .9 2 2z"
/>
<path
fill="#6a6e73"
d="M15.72 31c.31.52.38 1.17.13 1.77L14.09 37 8.28 50.93l-2.43 5.84c-.43 1.02-1.6 1.5-2.62 1.08-1.02-.43-1.5-1.6-1.07-2.62l4.28-10.28L9.76 37l2.4-5.77c.03-.08.07-.16.12-.23.35-.63 1.02-1 1.72-1a1.932 1.932 0 0 1 1.72 1z"
/>
<path fill="#ffca88" d="M12.28 31c-.05.07-.09.15-.12.23L9.76 37H1v-6z" />
<path fill="#fb701f" d="m9.76 37-3.32 7.95L4 37z" />
<g fill="#352727">
<path
d="M19 39c-1.654 0-3 1.346-3 3v14c0 1.654 1.346 3 3 3s3-1.346 3-3V42c0-1.654-1.346-3-3-3zm1 17c0 .551-.449 1-1 1s-1-.449-1-1V42c0-.551.449-1 1-1s1 .449 1 1zM32 39c-1.654 0-3 1.346-3 3v14c0 1.654 1.346 3 3 3s3-1.346 3-3V42c0-1.654-1.346-3-3-3zm1 17c0 .551-.449 1-1 1s-1-.449-1-1V42c0-.551.449-1 1-1s1 .449 1 1zM45 39c-1.654 0-3 1.346-3 3v14c0 1.654 1.346 3 3 3s3-1.346 3-3V42c0-1.654-1.346-3-3-3zm1 17c0 .551-.449 1-1 1s-1-.449-1-1V42c0-.551.449-1 1-1s1 .449 1 1zM36 4h-8a1 1 0 0 0-1 1v7h-3a1.002 1.002 0 0 0-.707 1.707l8 8a.997.997 0 0 0 1.414 0l8-8A1 1 0 0 0 40 12h-3V5a1 1 0 0 0-1-1zm1.586 10L32 19.586 26.414 14H28a1 1 0 0 0 1-1V6h6v7a1 1 0 0 0 1 1z"
/>
<path
d="M51 12c-7.168 0-13 5.832-13 13 0 1.771.359 3.46 1.003 5H16.225a2.977 2.977 0 0 0-1.069-.769 2.99 2.99 0 0 0-3.383.769H1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.261l2.117 6.898-4.145 9.948c-.309.74-.31 1.555-.005 2.296s.88 1.319 1.62 1.626a2.96 2.96 0 0 0 1.15.232 3.005 3.005 0 0 0 2.773-1.846l1.368-3.284 2.685 8.716A1.999 1.999 0 0 0 12.74 64h38.52c.862 0 1.645-.571 1.906-1.395l2.694-8.732 1.369 3.286a3.022 3.022 0 0 0 3.93 1.612 3.004 3.004 0 0 0 1.604-3.926l-4.143-9.938L60.739 38H63a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-.003A12.931 12.931 0 0 0 64 25c0-7.168-5.832-13-13-13zm0 2c6.065 0 11 4.935 11 11s-4.935 11-11 11-11-4.935-11-11 4.935-11 11-11zM2 32h8.752l-1.667 4H2zm3.353 6h2.899l-1.669 4.007zm-.428 18.384a1.003 1.003 0 0 1-1.848-.003.994.994 0 0 1 .001-.765l10-24a1 1 0 1 1 1.848.769zM51.26 62l-38.524-.004-3.394-11.013L14.752 38H41a1 1 0 0 0 0-2H15.585l1.186-2.846c.155-.372.232-.763.232-1.154h23.06a13.002 13.002 0 0 0 9.122 5.858l5.471 13.128zm9.129-5.075a1.016 1.016 0 0 1-1.316-.54l-7.67-18.406a13.006 13.006 0 0 0 2.076-.223l7.44 17.862a1.001 1.001 0 0 1-.53 1.307zm-2.975-14.909L55.74 38h2.907zM62 32v4h-4.103a13.094 13.094 0 0 0 4.041-4z"
/>
<path
d="M48 28v3c0 1.654 1.346 3 3 3s3-1.346 3-3v-3h3c1.654 0 3-1.346 3-3s-1.346-3-3-3h-3v-3c0-1.654-1.346-3-3-3s-3 1.346-3 3v3h-3c-1.654 0-3 1.346-3 3s1.346 3 3 3zm-4-3c0-.551.449-1 1-1h4a1 1 0 0 0 1-1v-4c0-.551.449-1 1-1s1 .449 1 1v4a1 1 0 0 0 1 1h4c.551 0 1 .449 1 1s-.449 1-1 1h-4a1 1 0 0 0-1 1v4c0 .551-.449 1-1 1s-1-.449-1-1v-4a1 1 0 0 0-1-1h-4c-.551 0-1-.449-1-1z"
/>
</g>
</svg>
More icons in the same style and category