Add icons to this collection by clicking the heart icon.
Shopping Cart icon - also known as commerce, shopping cart, supermarket, commerce and shopping, shopping store, online store, and online shop. 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="100"
height="100"
viewBox="0 0 482.024 482.024"
>
<linearGradient
id="a"
x1="-56.927"
x2="7.289"
y1="565.637"
y2="565.637"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<circle cx="82.024" cy="425.012" r="8" fill="url(#a)" />
<linearGradient
id="b"
x1="-56.927"
x2="7.289"
y1="565.637"
y2="565.637"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M338.144 425.012a8 8 0 1 0 8.04-8h-.08a8 8 0 0 0-7.96 8z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-56.927"
x2="7.289"
y1="586.637"
y2="586.637"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M458.024 49.012h-40v16h-30.552l-16 80H0l43.624 192h294.4v48h-296v16h8.208a39.583 39.583 0 0 0-8.208 24c0 22.091 17.909 40 40 40s40-17.909 40-40a39.583 39.583 0 0 0-8.208-24h200.416a39.583 39.583 0 0 0-8.208 24c.005 22.091 17.917 39.996 40.008 39.992s39.996-17.917 39.992-40.008c-.004-19.005-13.379-35.383-32-39.184v-56.064l31.872-175.288 14.68-73.448h17.448v16h40c13.255 0 24-10.745 24-24s-10.745-24-24-24zm-376 400c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zm288-24c0 13.255-10.745 24-24 24s-24-10.745-24-24 10.745-24 24-24 24 10.745 24 24zm-4.496-248h-27.504v16h24.592l-23.272 128H56.424l-29.104-128h6.704v-16H23.68l-3.632-16h348.376l-2.896 16zm92.496-96h-24v-16h24a8 8 0 0 1 0 16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-56.927"
x2="7.289"
y1="608.637"
y2="608.637"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M125.336 73.012 82.024 29.7 22.712 89.012l43.312 43.312 59.312-59.312zM82.024 52.324l20.688 20.688L66.024 109.7 45.336 89.012l36.688-36.688z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-56.927"
x2="7.289"
y1="605.637"
y2="605.637"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M138.024 129.012h128v-48h-128v48zm16-32h96v16h-96v-16z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-56.927"
x2="7.289"
y1="609.637"
y2="609.637"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M282.024 129.012h64v-112h-64v112zm16-96h32v80h-32v-80z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-56.927"
x2="7.289"
y1="611.637"
y2="611.637"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M138.024 49.012h48v16h-48v-16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-56.927"
x2="7.289"
y1="603.632"
y2="603.632"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M26.104 113.012a8.04 8.04 0 1 0 .08 0h-.08z" fill="url(#h)" />
<linearGradient
id="i"
x1="-56.927"
x2="7.289"
y1="611.632"
y2="611.632"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M258.184 49.012h-.08a8.04 8.04 0 1 0 .08 0z" fill="url(#i)" />
<linearGradient
id="j"
x1="-56.927"
x2="7.289"
y1="581.637"
y2="581.637"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M82.024 289.012h232v16h-232v-16z" fill="url(#j)" />
<linearGradient
id="k"
x1="-56.927"
x2="7.289"
y1="595.637"
y2="595.637"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M50.024 177.012h32v16h-32v-16z" fill="url(#k)" />
<linearGradient
id="l"
x1="-56.927"
x2="7.289"
y1="595.637"
y2="595.637"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M98.024 177.012h32v16h-32v-16z" fill="url(#l)" />
<linearGradient
id="m"
x1="-56.927"
x2="7.289"
y1="595.637"
y2="595.637"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M146.024 177.012h32v16h-32v-16z" fill="url(#m)" />
<linearGradient
id="n"
x1="-56.927"
x2="7.289"
y1="595.637"
y2="595.637"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M194.024 177.012h32v16h-32v-16z" fill="url(#n)" />
<linearGradient
id="o"
x1="-56.927"
x2="7.289"
y1="595.637"
y2="595.637"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M242.024 177.012h32v16h-32v-16z" fill="url(#o)" />
<linearGradient
id="p"
x1="-56.927"
x2="7.289"
y1="595.637"
y2="595.637"
gradientTransform="matrix(8 0 0 -8 440.832 4950.108)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M290.024 177.012h32v16h-32v-16z" fill="url(#p)" />
</svg>
More icons in the same style and category