Add icons to this collection by clicking the heart icon.
Add To Basket icon - also known as shopping basket, ui, commerce and shopping, plus sign, ecommerce, online shop, grocery store, add product, and add to basket. Created in a clean lineal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-323.342c-15.286 0-28.128 11.493-29.816 26.685l-25.103 225.787h433.18L29.816 26.685C28.128 11.493 15.286 0 0 0"
transform="translate(417.67 81.38)"
fill="#ffc269"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-25.103 225.787h-31.909L-31.909 0c1.688-15.192 14.53-26.685 29.816-26.685h31.909C14.531-26.685 1.689-15.192 0 0"
transform="translate(96.422 108.065)"
fill="#ffa95f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-177.391c-15.286 0-28.128 11.493-29.816 26.685l-25.103 225.787h433.18l-15.433-138.816"
transform="translate(271.72 81.38)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-457c-11.046 0-20 8.954-20 20v29.774c0 11.045 8.954 20 20 20H0c11.046 0 20-8.955 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(484.5 296.865)"
fill="#f79a54"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v29.774c0 11.045 8.954 20 20 20h-31.91c-11.046 0-20-8.955-20-20V0c0-11.046 8.954-20 20-20H20C8.954-20 0-11.046 0 0"
transform="translate(39.41 316.865)"
fill="#e8833f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-185.66c-11.046 0-20 8.954-20 20v29.774c0 11.045 8.954 20 20 20h457c11.046 0 20-8.955 20-20V20c0-11.046-8.954-20-20-20H37.6"
transform="translate(213.16 296.865)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-2.23c-11.045 0-20 8.954-20 20v97.609c0 11.046 8.955 20 20 20H0c11.045 0 20-8.954 20-20V20C20 8.954 11.045 0 0 0"
transform="translate(257.115 121.496)"
fill="#e8833f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-2.23c-11.045 0-20 8.954-20 20v97.609c0 11.046 8.955 20 20 20H0c11.045 0 20-8.954 20-20V20C20 8.954 11.045 0 0 0Z"
transform="translate(257.115 121.496)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-2.23c-11.045 0-20 8.954-20 20v97.609c0 11.046 8.955 20 20 20H0c11.045 0 20-8.954 20-20V20C20 8.954 11.045 0 0 0"
transform="translate(161.232 121.496)"
fill="#e8833f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 8.185 73.612C-9.3 85.544-30.415 92.531-53.133 92.531c-60.129 0-109.048-48.919-109.048-109.048 0-3.429.167-6.819.479-10.168h131.886C-14.53-26.685-1.688-15.192 0 0"
transform="translate(447.487 108.065)"
fill="#ffa95f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-2.23c-11.045 0-20 8.954-20 20v97.609c0 11.046 8.955 20 20 20H0c11.045 0 20-8.954 20-20V20C20 8.954 11.045 0 0 0Z"
transform="translate(161.232 121.496)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-2.23c-11.045 0-20 8.954-20 20v97.609c0 11.046 8.955 20 20 20H0c11.045 0 20-8.954 20-20V20C20 8.954 11.045 0 0 0"
transform="translate(352.998 121.496)"
fill="#e8833f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h2.23c11.045 0 20 8.954 20 20v56.995C6.723 73.903-7.608 67.513-20 58.588V20C-20 8.954-11.045 0 0 0"
transform="translate(350.768 121.496)"
fill="#e09322"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v53.305c0 11.046 8.955 20 20 20h2.23c11.045 0 20-8.954 20-20V16.32"
transform="translate(330.768 185.8)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c1.872-9.063 10.736-14.894 19.8-13.023 9.063 1.872 14.893 10.736 13.022 19.799L3.456 149.021a16.756 16.756 0 0 1-16.411 13.37c-10.617 0-18.558-9.748-16.411-20.145z"
transform="translate(430.264 342.11)"
fill="#766e6e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.85-8.959 3.825-17.723 12.71-19.731 9.161-2.072 18.302 4.186 20.2 13.385l29.278 141.815c2.147 10.398-5.793 20.145-16.411 20.145a16.757 16.757 0 0 1-16.411-13.369z"
transform="translate(48.914 348.886)"
fill="#766e6e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c1.872-9.063 10.736-14.894 19.8-13.023 9.063 1.872 14.893 10.736 13.022 19.799L3.456 149.021a16.756 16.756 0 0 1-16.411 13.37c-10.617 0-18.558-9.748-16.411-20.145z"
transform="translate(430.264 342.11)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-1.85-8.959 3.825-17.723 12.71-19.731 9.161-2.072 18.302 4.186 20.2 13.385l29.278 141.815c2.147 10.398-5.793 20.145-16.411 20.145a16.757 16.757 0 0 1-16.411-13.369z"
transform="translate(48.914 348.886)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-.001c-46.418 0-84.048-37.629-84.048-84.048 0-46.419 37.63-84.048 84.048-84.048H0c46.418 0 84.048 37.629 84.048 84.048C84.048-37.629 46.418 0 0 0"
transform="translate(394.356 175.596)"
fill="#e5646e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 42.608 31.712 77.786 72.816 83.279-3.676.492-7.42.769-11.231.769h-.001C15.166 84.048-22.464 46.419-22.464 0c0-46.418 37.63-84.048 84.048-84.048h.001c3.811 0 7.555.278 11.231.769C31.712-77.786 0-42.607 0 0"
transform="translate(332.77 91.548)"
fill="#db4655"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v82.336"
transform="translate(394.354 50.38)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h82.337"
transform="translate(353.187 91.548)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-.001c-46.418 0-84.048-37.629-84.048-84.048v0c0-46.419 37.63-84.048 84.048-84.048H0c46.418 0 84.048 37.629 84.048 84.048v0C84.048-37.629 46.418 0 0 0Z"
transform="translate(394.356 175.596)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category