Add icons to this collection by clicking the heart icon.
Cart icon - also known as market, cart, trolley, discount, sales, supermarket, commerce and shopping, and black friday. Created in a clean lineal 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 512 512"
>
<linearGradient
id="a"
x1="-6.996"
x2="516.51"
y1="486.307"
y2="-37.199"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-14.651"
x2="508.854"
y1="478.651"
y2="-44.854"
href="#a"
/>
<linearGradient
id="c"
x1="-46.651"
x2="476.854"
y1="446.651"
y2="-76.854"
href="#a"
/>
<linearGradient
id="d"
x1="17.349"
x2="540.854"
y1="510.651"
y2="-12.854"
href="#a"
/>
<linearGradient
id="e"
x1="177.349"
x2="700.854"
y1="670.651"
y2="147.146"
href="#a"
/>
<linearGradient
id="f"
x1="65.349"
x2="588.854"
y1="558.651"
y2="35.146"
href="#a"
/>
<path
fill="url(#a)"
d="M457 352a8 8 0 0 0 7.9-6.72l39-240A8.013 8.013 0 0 0 496 96h-96.4a103.935 103.935 0 0 0-175.2 0H120V56a8 8 0 0 0-8-8H96v-8a8 8 0 0 0-8-8H32a24 24 0 0 0 0 48h56a8 8 0 0 0 8-8v-8h8v344a8 8 0 0 0 8 8h40.02a40 40 0 1 0 63.96 0h160.04a40 40 0 1 0 63.96 0H480a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8H120v-24zM312 64a88 88 0 1 1-88 88 88.1 88.1 0 0 1 88-88zm-192 48h96a104 104 0 1 0 192 0h78.59L450.2 336H120zM80 64H32a8 8 0 0 1 0-16h48zm104 400a24 24 0 1 1 24-24 24.032 24.032 0 0 1-24 24zm224 0a24 24 0 1 1 24-24 24.032 24.032 0 0 1-24 24zm64-72v8H120v-8z"
/>
<path
fill="url(#b)"
d="M264 208a7.974 7.974 0 0 0 5.657-2.343l96-96a8 8 0 0 0-11.314-11.314l-96 96A8 8 0 0 0 264 208z"
/>
<path
fill="url(#c)"
d="M280 144a24 24 0 1 0-24-24 24.027 24.027 0 0 0 24 24zm0-32a8 8 0 1 1-8 8 8.009 8.009 0 0 1 8-8z"
/>
<path
fill="url(#d)"
d="M344 160a24 24 0 1 0 24 24 24.028 24.028 0 0 0-24-24zm0 32a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8z"
/>
<circle cx="408" cy="440" r="8" fill="url(#e)" />
<circle cx="184" cy="440" r="8" fill="url(#f)" />
</svg>
More icons in the same style and category