Add icons to this collection by clicking the heart icon.
Shopping Cart icon - also known as market, shop, cart, trolley, shopping cart, shopping, store, and commerce and shopping. 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 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff597a" />
<stop offset="1" stop-color="#bd0019" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="163.895"
x2="374.055"
y1="252.452"
y2="252.452"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#c8c6cc" />
</linearGradient>
<path
d="m409.93 365.866 40.585-171.451H150.67l-10.368-43.801H71.59v17.656h49.63l46.776 197.596 9.241 42.571h221.478v-12.542H193.561l-7.118-30.029h4.814z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="163.895"
x2="374.055"
y1="98.471"
y2="98.471"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e8f2" />
<stop offset="1" stop-color="#00b7be" />
</linearGradient>
<circle cx="231.337" cy="440.418" r="31.608" fill="url(#c)" />
<linearGradient
id="d"
x1="163.895"
x2="374.055"
y1="367.351"
y2="367.351"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e8f2" />
<stop offset="1" stop-color="#00b7be" />
</linearGradient>
<circle cx="59.192" cy="159.47" r="23.061" fill="url(#d)" />
<linearGradient
id="e"
x1="163.895"
x2="374.055"
y1="98.471"
y2="98.471"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e8f2" />
<stop offset="1" stop-color="#00b7be" />
</linearGradient>
<circle cx="346.588" cy="440.418" r="31.608" fill="url(#e)" />
<linearGradient
id="f"
x1="163.895"
x2="374.055"
y1="251.864"
y2="251.864"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00e8f2" />
<stop offset="1" stop-color="#006ef5" />
</linearGradient>
<path
d="m159.117 215.988 26.876 128.304h205.11l26.875-128.304z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category