Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as shopping cart, shopping trolley, commerce and shopping, add to cart, purchase, ecommerce, and add product. Created in a clean gradient 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 64 64"
>
<linearGradient
id="a"
x1="8.103"
x2="64.495"
y1="64.603"
y2="8.212"
gradientUnits="userSpaceOnUse"
>
<stop offset=".014" stop-color="#4279bd" />
<stop offset=".184" stop-color="#3f83ba" />
<stop offset=".476" stop-color="#389fb0" />
<stop offset=".852" stop-color="#2ccba2" />
<stop offset=".913" stop-color="#2ad39f" />
</linearGradient>
<linearGradient
id="b"
x1="6.25"
x2="62.642"
y1="62.75"
y2="6.358"
href="#a"
/>
<linearGradient
id="c"
x1="16.75"
x2="73.142"
y1="73.25"
y2="16.858"
href="#a"
/>
<linearGradient
id="d"
x1="19.707"
x2="76.098"
y1="76.207"
y2="19.815"
href="#a"
/>
<linearGradient
id="e"
x1="11.5"
x2="67.892"
y1="68"
y2="11.608"
href="#a"
/>
<linearGradient id="f" x1="4" x2="60.392" y1="60.5" y2="4.108" href="#a" />
<linearGradient
id="g"
x1=".728"
x2="57.12"
y1="57.228"
y2=".836"
href="#a"
/>
<linearGradient id="h" x1="2.5" x2="58.892" y1="59" y2="2.608" href="#a" />
<linearGradient
id="i"
x1="-3"
x2="53.392"
y1="53.5"
y2="-2.892"
href="#a"
/>
<linearGradient id="j" x1="7" x2="63.392" y1="63.5" y2="7.108" href="#a" />
<linearGradient
id="k"
x1="-.75"
x2="55.642"
y1="55.75"
y2="-.642"
href="#a"
/>
<linearGradient
id="l"
x1="3.25"
x2="59.642"
y1="59.75"
y2="3.358"
href="#a"
/>
<linearGradient
id="m"
x1="-5.25"
x2="51.142"
y1="51.25"
y2="-5.142"
href="#a"
/>
<linearGradient
id="n"
x1="4.337"
x2="60.729"
y1="60.837"
y2="4.445"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M46 48H10a2.002 2.002 0 0 1-2-2v-3a1 1 0 0 1 1-1h38a1 1 0 0 1 1 1v3a2.002 2.002 0 0 1-2 2zm-36-4v2h36.001L46 44z"
/>
<path
fill="url(#b)"
d="M15 58a4 4 0 1 1 4-4 4.005 4.005 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2.002 2.002 0 0 0-2-2z"
/>
<path
fill="url(#c)"
d="M36 58a4 4 0 1 1 4-4 4.004 4.004 0 0 1-4 4zm0-6a2 2 0 1 0 2 2 2.002 2.002 0 0 0-2-2z"
/>
<path
fill="url(#d)"
d="M44 55h-5a1 1 0 0 1 0-2h5a1 1 0 0 0 1-1v-5a1 1 0 0 1 2 0v5a3.003 3.003 0 0 1-3 3z"
/>
<path fill="url(#e)" d="M33 55H18a1 1 0 0 1 0-2h15a1 1 0 0 1 0 2z" />
<path fill="url(#f)" d="M12 55H9a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z" />
<path
fill="url(#g)"
d="M47 44H9a1 1 0 0 1-.961-.725l-5.64-19.73A2.004 2.004 0 0 1 4.33 21h19.21a1 1 0 0 1 0 2H4.33l5.424 19H46V23H32.46a1 1 0 0 1 0-2H47a1 1 0 0 1 1 1v21a1 1 0 0 1-1 1z"
/>
<path
fill="url(#h)"
d="M28 44a1 1 0 0 1-1-1V24a1 1 0 0 1 2 0v19a1 1 0 0 1-1 1z"
/>
<path
fill="url(#i)"
d="M18 44a1 1 0 0 1-1-1V22a1 1 0 0 1 2 0v21a1 1 0 0 1-1 1z"
/>
<path
fill="url(#j)"
d="M38 44a1 1 0 0 1-1-1V22a1 1 0 0 1 2 0v21a1 1 0 0 1-1 1z"
/>
<path fill="url(#k)" d="M47 30H5a1 1 0 0 1 0-2h42a1 1 0 0 1 0 2z" />
<path fill="url(#l)" d="M47 37H7a1 1 0 0 1 0-2h40a1 1 0 0 1 0 2z" />
<g fill="url(#m)">
<path
d="M28 25a7 7 0 1 1 7-7 7.008 7.008 0 0 1-7 7zm0-12a5 5 0 1 0 5 5 5.006 5.006 0 0 0-5-5z"
/>
<path d="M28 21a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z" />
<path d="M30 19h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
</g>
<path
fill="url(#n)"
d="M47 23a1 1 0 0 1-1-1v-6a5.006 5.006 0 0 1 5-5h2a1 1 0 0 1 0 2h-2a3.003 3.003 0 0 0-3 3v6a1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M60 15h-6a2.002 2.002 0 0 1-2-2v-2a2.002 2.002 0 0 1 2-2h6a2.002 2.002 0 0 1 2 2v2a2.002 2.002 0 0 1-2 2zm-6-4v2h6.001L60 11z"
/>
</g>
</svg>
More icons in the same style and category