Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as arrow, shopping cart, commerce and shopping, down arrow, online store, online shopping, add to cart, and ecommerce. Created in a clean lineal color style with a white, gray, maroon, 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 300 300"
>
<circle cx="150" cy="124" r="80" fill="#fff0fd" />
<path
fill="#e66353"
d="m154.998 120.246 20-16A7.983 7.983 0 0 0 178 97.994c0-1.701-.54-3.415-1.653-4.863-2.738-3.562-8.255-3.85-11.763-1.043L158 97.356V54a8 8 0 0 0-16 0v43.356l-6.663-5.33c-3.114-2.492-7.704-2.673-10.663.001a8 8 0 0 0 .328 12.219l20 16a8 8 0 0 0 9.996 0z"
/>
<path
fill="#4c241d"
d="M150 126.018c-2.645 0-5.289-.883-7.498-2.648l-19.998-16a11.987 11.987 0 0 1-4.5-9.018c-.105-3.52 1.348-6.906 3.988-9.293 4.295-3.881 11.109-3.945 15.844-.156l.164.13V54c0-6.617 5.383-12 12-12s12 5.383 12 12v35.033l.086-.068c2.643-2.111 6.123-3.092 9.527-2.678 3.213.389 6.021 1.953 7.906 4.406a11.871 11.871 0 0 1 2.48 7.301c0 3.668-1.641 7.086-4.502 9.375l-20.002 16a11.966 11.966 0 0 1-7.495 2.649zm-20.137-31.924c-.941 0-1.84.297-2.506.9-.912.822-1.393 1.93-1.357 3.119a4 4 0 0 0 1.502 3.01l19.998 16a3.981 3.981 0 0 0 4.998 0h.002l20-16a3.99 3.99 0 0 0 1.5-3.129 3.95 3.95 0 0 0-.822-2.424c-.764-.994-1.91-1.266-2.525-1.342-1.264-.131-2.607.215-3.57.982l-6.584 5.268a3.999 3.999 0 0 1-6.498-3.123V54c0-2.205-1.795-4-4-4s-4 1.795-4 4v43.355a3.999 3.999 0 0 1-6.498 3.123l-6.662-5.33a4.815 4.815 0 0 0-2.978-1.054z"
/>
<g fill="#4c241d">
<circle cx="206" cy="88" r="4.099" />
<path
d="M78.182 72.445a4 4 0 0 1-2.828-6.828l11.791-11.793a4 4 0 1 1 5.656 5.656L81.01 71.273a3.984 3.984 0 0 1-2.828 1.172z"
/>
<path
d="M89.973 72.445a3.988 3.988 0 0 1-2.828-1.172L75.354 59.48a4 4 0 1 1 5.656-5.656l11.791 11.793a4 4 0 0 1-2.828 6.828zM230 64c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-16c-2.205 0-4 1.795-4 4s1.795 4 4 4 4-1.795 4-4-1.795-4-4-4z"
/>
</g>
<path
fill="#efefd2"
d="M152 194a5.98 5.98 0 0 0 4.242-1.758 5.997 5.997 0 0 0 0-8.484l-78-78a5.997 5.997 0 0 0-8.484 0 5.997 5.997 0 0 0 0 8.484l78 78A5.98 5.98 0 0 0 152 194z"
/>
<path
fill="#4c241d"
d="M152 198a9.933 9.933 0 0 1-7.07-2.93l-78-78C65.041 115.184 64 112.672 64 110s1.041-5.184 2.93-7.072c3.898-3.895 10.242-3.896 14.141.002l78 78c1.889 1.887 2.93 4.398 2.93 7.07s-1.041 5.184-2.93 7.072A9.943 9.943 0 0 1 152 198zm-78-90c-.309 0-.904.076-1.414.586S72 109.691 72 110s.076.904.586 1.412l78 78.002c.51.51 1.105.586 1.414.586s.904-.076 1.414-.586.586-1.105.586-1.414-.076-.904-.586-1.412l-78-78.002A1.991 1.991 0 0 0 74 108z"
/>
<path
fill="#a9ba5a"
d="M244.892 152H55.108A5.108 5.108 0 0 0 50 157.108v5.784A5.108 5.108 0 0 0 55.108 168h189.784a5.108 5.108 0 0 0 5.108-5.108v-5.784a5.108 5.108 0 0 0-5.108-5.108z"
/>
<path
fill="#4c241d"
d="M244.893 172H55.107c-5.021 0-9.107-4.086-9.107-9.107v-5.785c0-5.021 4.086-9.107 9.107-9.107h189.785c5.021 0 9.107 4.086 9.107 9.107v5.785c.001 5.021-4.085 9.107-9.106 9.107zM55.107 156c-.611 0-1.107.496-1.107 1.107v5.785c0 .611.496 1.107 1.107 1.107h189.785c.611 0 1.107-.496 1.107-1.107v-5.785c0-.611-.496-1.107-1.107-1.107z"
/>
<path
fill="#a9ba5a"
d="M230 168H70l7.53 83.303A5.216 5.216 0 0 0 82.721 256h134.558a5.217 5.217 0 0 0 5.191-4.697z"
/>
<path
fill="#4c241d"
d="M217.279 260H82.721a9.19 9.19 0 0 1-9.172-8.297l-7.533-83.344A4 4 0 0 1 70 164h160a4 4 0 0 1 3.984 4.36l-7.529 83.303c-.478 4.771-4.422 8.337-9.176 8.337zM74.377 172l7.137 78.943c.059.586.58 1.057 1.207 1.057H217.28c.627 0 1.148-.471 1.211-1.098L225.623 172z"
/>
<path
fill="#efefd2"
d="M150 194a5.98 5.98 0 0 1-4.242-1.758 5.997 5.997 0 0 1 0-8.484l78-78a5.997 5.997 0 0 1 8.484 0 5.997 5.997 0 0 1 0 8.484l-78 78A5.98 5.98 0 0 1 150 194z"
/>
<path
fill="#4c241d"
d="M150 198a9.933 9.933 0 0 1-7.07-2.93c-1.889-1.887-2.93-4.398-2.93-7.07s1.041-5.184 2.93-7.072l78-77.998c3.898-3.898 10.242-3.898 14.141 0 1.889 1.887 2.93 4.398 2.93 7.07s-1.041 5.184-2.93 7.072l-78 77.998A9.937 9.937 0 0 1 150 198zm78-90c-.309 0-.904.076-1.414.586l-78 78c-.51.51-.586 1.105-.586 1.414s.076.904.586 1.412c.51.512 1.105.588 1.414.588s.904-.076 1.414-.586l78-78c.51-.51.586-1.105.586-1.414s-.076-.904-.586-1.412A1.986 1.986 0 0 0 228 108z"
/>
<path
fill="#77a052"
d="M150 240a8 8 0 0 1-8-8v-16a8 8 0 0 1 16 0v16a8 8 0 0 1-8 8z"
/>
<path
fill="#4c241d"
d="M150 244c-6.617 0-12-5.383-12-12v-16c0-6.617 5.383-12 12-12s12 5.383 12 12v16c0 6.617-5.383 12-12 12zm0-32c-2.205 0-4 1.795-4 4v16c0 2.205 1.795 4 4 4s4-1.795 4-4v-16c0-2.205-1.795-4-4-4z"
/>
<path
fill="#77a052"
d="M190 240a8 8 0 0 1-8-8v-36a8 8 0 0 1 16 0v36a8 8 0 0 1-8 8z"
/>
<path
fill="#4c241d"
d="M190 244c-6.617 0-12-5.383-12-12v-36c0-6.617 5.383-12 12-12s12 5.383 12 12v36c0 6.617-5.383 12-12 12zm0-52c-2.205 0-4 1.795-4 4v36c0 2.205 1.795 4 4 4s4-1.795 4-4v-36c0-2.205-1.795-4-4-4z"
/>
<path
fill="#77a052"
d="M110 240a8 8 0 0 1-8-8v-36a8 8 0 0 1 16 0v36a8 8 0 0 1-8 8z"
/>
<path
fill="#4c241d"
d="M110 244c-6.617 0-12-5.383-12-12v-36c0-6.617 5.383-12 12-12s12 5.383 12 12v36c0 6.617-5.383 12-12 12zm0-52c-2.205 0-4 1.795-4 4v36c0 2.205 1.795 4 4 4s4-1.795 4-4v-36c0-2.205-1.795-4-4-4z"
/>
</svg>
More icons in the same style and category