Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as screen, add, market, shop, basket, cart, shopping cart, shopping, store, commerce and shopping, and add to cart. Created in a clean blue 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 60 60"
>
<linearGradient id="a" x1="7.828%" x2="92.155%" y1="-8.22%" y2="111.098%">
<stop offset="0" stop-color="#d3dff2" />
<stop offset=".17" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#dae2f2" />
<stop offset=".2" stop-color="#ebeaf2" />
<stop offset=".2" stop-color="#f6eff2" />
<stop offset=".2" stop-color="#fdf2f2" />
<stop offset=".2" stop-color="#fff3f2" />
<stop offset=".25" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#d3dff2" />
<stop offset=".4" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#dae2f2" />
<stop offset=".42" stop-color="#ebeaf2" />
<stop offset=".42" stop-color="#f6eff2" />
<stop offset=".42" stop-color="#fdf2f2" />
<stop offset=".42" stop-color="#fff3f2" />
<stop offset=".49" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#f8f0f2" />
<stop offset=".5" stop-color="#e7e8f2" />
<stop offset=".5" stop-color="#dce3f2" />
<stop offset=".5" stop-color="#d5e0f2" />
<stop offset=".5" stop-color="#d3dff2" />
<stop offset=".71" stop-color="#d3dff2" />
<stop offset=".74" stop-color="#d3dff2" />
<stop offset=".74" stop-color="#fff3f2" />
<stop offset=".83" stop-color="#fff3f2" />
<stop offset=".85" stop-color="#fff3f2" />
<stop offset=".85" stop-color="#d3dff2" />
</linearGradient>
<g fill="none">
<g transform="translate(1 1)">
<path
fill="#a4c2f7"
d="m37 48 3 10H18l3-10zM58 41v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-5z"
/>
<path
fill="#e8edfc"
d="M55 41v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-5z"
/>
<path
fill="url(#a)"
d="M58 2v39H0V2a2 2 0 0 1 2-2h54.39c.343.067.66.226.92.46A2 2 0 0 1 58 2z"
/>
<rect width="17" height="11" x="5" y="5" fill="#cad9fc" rx="1" />
<rect width="14" height="11" x="5" y="5" fill="#e8edfc" rx="1" />
<path
fill="#a4c2f7"
d="m53.72 20.22-2.54 11a1 1 0 0 1-1 .78H34.69a1 1 0 0 1-.94-.64l-4.23-11a1 1 0 0 1 .94-1.36h22.28a1 1 0 0 1 .98 1.22z"
/>
<path
fill="#e8edfc"
d="m50.72 20.22-2.54 11a1 1 0 0 1-1 .78H34.69a1 1 0 0 1-.94-.64l-4.23-11a1 1 0 0 1 .94-1.36h19.28a1 1 0 0 1 .98 1.22z"
/>
<circle cx="34" cy="39" r="3" fill="#7facfa" />
<circle cx="47" cy="39" r="3" fill="#7facfa" />
<path fill="#e8edfc" d="m46 10-4 5-4-5z" />
</g>
<g fill="#fff">
<path
d="M1 3v44a2 2 0 0 0 2 2h3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2H3a2 2 0 0 0-2 2zM19 59h3l3-10h-3z"
/>
</g>
<path fill="#fff" d="M0 3h2v8H0z" />
<g fill="#428dff">
<path d="M1 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
<path
d="M57 0H3a3 3 0 0 0-3 3 1 1 0 1 0 2 0 1 1 0 0 1 1-1h54a1 1 0 0 1 1 1v38h-6.14a4.09 4.09 0 0 0 .14-1 3.91 3.91 0 0 0-.56-2H52a1 1 0 0 0 0-2H32.69l-5.75-15.35A1 1 0 0 0 26 20h-4a1 1 0 0 0 0 2h3.31l5.75 15.35a1 1 0 0 0 .55.56A3.93 3.93 0 0 0 31 40c.005.338.052.674.14 1H10a1 1 0 0 0 0 2h22.38a3.93 3.93 0 0 0 5.24 0h7.76a3.93 3.93 0 0 0 5.24 0H58v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-4h4a1 1 0 0 0 0-2H2V11a1 1 0 0 0-2 0v36a3 3 0 0 0 3 3h17.66l-2.4 8H16a1 1 0 0 0 0 2h28a1 1 0 0 0 0-2h-2.26l-2.4-8H57a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3zM44.14 41h-5.28a4.09 4.09 0 0 0 .14-1 3.91 3.91 0 0 0-.56-2h6.12a3.91 3.91 0 0 0-.56 2c.005.338.052.674.14 1zM33 40a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm13 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm-6.34 18H20.34l2.4-8h14.52z"
/>
<path
d="M7 18h15a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2zM7 7h15v9H7zM29.81 19.87a2 2 0 0 0-.22 1.85l4.23 11A2 2 0 0 0 35.69 34H51.2a2 2 0 0 0 1.95-1.55l2.54-11A2 2 0 0 0 53.74 19H31.46a2 2 0 0 0-1.65.87zM51.2 33v-1zm0-1H35.69l-4.23-11h22.28zM6 22h10a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM6 27h16a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM6 32h16a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM6 37h16a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM43 4a1 1 0 0 0-1 1v5h-3a1 1 0 0 0-.78 1.63l4 5a1 1 0 0 0 1.56 0l4-5A1 1 0 0 0 47 10h-3V5a1 1 0 0 0-1-1zm1.92 8L43 14.4 41.08 12z"
/>
<path
d="M36 25h14a1 1 0 0 0 0-2H36a1 1 0 0 0 0 2zM49 27H38a1 1 0 0 0 0 2h11a1 1 0 0 0 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category