Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as shopping cart, commerce and shopping, online shopping, add to cart, ecommerce, and add product. 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 512 512"
>
<path fill="#4178a2" d="M368 336H112L56 128h336z" />
<path
fill="#58b2b7"
d="M392 136c-.4 0-.8 0-1.2-.1-4.4-.7-7.4-4.8-6.7-9.1l16-104c.6-3.9 4-6.8 7.9-6.8h48c4.4 0 8 3.6 8 8s-3.6 8-8 8h-41.1l-15 97.2c-.6 4-4 6.8-7.9 6.8zM368 424H152c-4.4 0-8-3.6-8-8s3.6-8 8-8h216c17.6 0 32-14.4 32-32s-14.4-32-32-32H152c-4.4 0-8-3.6-8-8s3.6-8 8-8h216c26.5 0 48 21.5 48 48s-21.5 48-48 48z"
/>
<g fill="#58b2b7">
<path
d="M152 288c-8.8 0-16-7.2-16-16v-80c0-8.8 7.2-16 16-16s16 7.2 16 16v80c0 8.8-7.2 16-16 16zM224 288c-8.8 0-16-7.2-16-16v-80c0-8.8 7.2-16 16-16s16 7.2 16 16v80c0 8.8-7.2 16-16 16zM296 288c-8.8 0-16-7.2-16-16v-80c0-8.8 7.2-16 16-16s16 7.2 16 16v80c0 8.8-7.2 16-16 16z"
/>
</g>
<circle cx="376" cy="144" r="80" fill="#fbbe62" />
<path fill="#58b2b7" d="M424 128h-32V96h-32v32h-32v32h32v32h32v-32h32z" />
<circle cx="144" cy="448" r="40" fill="#4178a2" />
<circle cx="144" cy="448" r="16" fill="#fbbe62" />
<circle cx="344" cy="448" r="40" fill="#4178a2" />
<circle cx="344" cy="448" r="16" fill="#fbbe62" />
<path
d="M152 168c-13.2 0-24 10.8-24 24v80c0 13.2 10.8 24 24 24s24-10.8 24-24v-80c0-13.2-10.8-24-24-24zm8 104c0 4.4-3.6 8-8 8s-8-3.6-8-8v-80c0-4.4 3.6-8 8-8s8 3.6 8 8zM224 168c-13.2 0-24 10.8-24 24v80c0 13.2 10.8 24 24 24s24-10.8 24-24v-80c0-13.2-10.8-24-24-24zm8 104c0 4.4-3.6 8-8 8s-8-3.6-8-8v-80c0-4.4 3.6-8 8-8s8 3.6 8 8z"
/>
<path
d="m410.1 62.9 4.8-30.9H456c4.4 0 8-3.6 8-8s-3.6-8-8-8h-48c-3.9 0-7.3 2.9-7.9 6.8L394.7 58c-6-1.3-12.3-2-18.7-2-40.2 0-74.2 27.1-84.7 64H56c-2.5 0-4.8 1.2-6.3 3.1-1.5 2-2 4.5-1.4 6.9l56 208c.9 3.5 4.1 5.9 7.7 5.9h256c17.6 0 32 14.4 32 32 0 8.5-3.3 16.6-9.4 22.6-5.5 5.5-12.6 8.7-20.3 9.3-7.6-5-16.6-7.9-26.3-7.9-9.8 0-18.9 3-26.5 8h-147c-7.6-5-16.7-8-26.5-8-26.5 0-48 21.5-48 48s21.5 48 48 48 48-21.5 48-48c0-8.7-2.4-16.9-6.5-24h116.9c-4.1 7.1-6.5 15.3-6.5 24 0 26.5 21.5 48 48 48s48-21.5 48-48c0-9.9-3-19-8.1-26.7 6.7-2.3 12.9-6.2 18.1-11.4 9.1-9.1 14.1-21.1 14.1-33.9 0-23.4-16.9-43-39.1-47.2l11.3-97.7c42.8-5.9 75.9-42.8 75.9-87.2-.1-36.2-22.4-67.6-54-80.9zM144 480c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32zm200 0c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32zm-46.3-295.8c1.9 3.6 4 7.1 6.3 10.3V272c0 4.4-3.6 8-8 8s-8-3.6-8-8v-80c0-4.4 3.6-8 8-8 .6 0 1.2.1 1.7.2zM152 328h-33.9L66.4 136h221.9c-.2 2.6-.4 5.3-.4 8 0 8.5 1.2 16.7 3.5 24.4-11.1 2.1-19.5 11.9-19.5 23.6v80c0 13.2 10.8 24 24 24s24-10.8 24-24v-60.2c14.3 11.8 32.3 19.2 52 20.1l-11 96.1zm224-112c-39.7 0-72-32.3-72-72 0-4.9.5-9.7 1.4-14.4C312.1 96.8 341.2 72 376 72c39.7 0 72 32.3 72 72s-32.3 72-72 72z"
/>
<path
d="M400 120V96c0-4.4-3.6-8-8-8h-32c-4.4 0-8 3.6-8 8v24h-24c-4.4 0-8 3.6-8 8v32c0 4.4 3.6 8 8 8h24v24c0 4.4 3.6 8 8 8h32c4.4 0 8-3.6 8-8v-24h24c4.4 0 8-3.6 8-8v-32c0-4.4-3.6-8-8-8zm16 32h-24c-4.4 0-8 3.6-8 8v24h-16v-24c0-4.4-3.6-8-8-8h-24v-16h24c4.4 0 8-3.6 8-8v-24h16v24c0 4.4 3.6 8 8 8h24zM144 424c-13.2 0-24 10.8-24 24s10.8 24 24 24 24-10.8 24-24-10.8-24-24-24zm0 32c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zM344 424c-13.2 0-24 10.8-24 24s10.8 24 24 24 24-10.8 24-24-10.8-24-24-24zm0 32c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8z"
/>
</svg>
More icons in the same style and category