Add icons to this collection by clicking the heart icon.
Cart icon - also known as water, ecologic, commerce, cart, shopping cart, ecological, supermarket, shopping store, and ecology and environment. Created in a clean flat 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 32 32"
>
<linearGradient id="a">
<stop offset="0" stop-color="#df2e2e" />
<stop offset="1" stop-color="#f6d167" />
</linearGradient>
<linearGradient
id="b"
x1="-6.774"
x2="14.56"
y1="20.064"
y2="-1.603"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="13.383"
x2="34.717"
y1="39.911"
y2="18.244"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="17.281"
x2="17.281"
y1="28.248"
y2="28.248"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="8.371"
x2="29.704"
y1="34.975"
y2="13.309"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="12.333"
x2="12.333"
y1="28.248"
y2="28.248"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="5.936"
x2="5.936"
y1="27.858"
y2="27.858"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="2.702"
x2="24.035"
y1="29.393"
y2="7.727"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="5.45"
x2="26.783"
y1="32.099"
y2="10.432"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="11.384"
x2="32.717"
y1="37.942"
y2="16.275"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="1.781"
x2="23.114"
y1="28.487"
y2="6.82"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="2.534"
x2="23.868"
y1="29.229"
y2="7.562"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M5.5 11.871a.5.5 0 0 1-.5-.5V7.372H2.5a.5.5 0 0 1 0-1h3a.5.5 0 0 1 .5.5v4.498a.5.5 0 0 1-.5.501z"
/>
<path
fill="url(#c)"
d="M25.171 28.747h-.609a.5.5 0 0 1 0-1h.609a.5.5 0 0 1 0 1z"
/>
<path
fill="url(#e)"
d="M17.281 28.747h-4.573a.5.5 0 0 1 0-1h4.573a.5.5 0 0 1 0 1z"
/>
<path
fill="url(#h)"
d="M5.936 28.358a.491.491 0 0 1-.293-.096c-.716-.519-1.143-1.378-1.143-2.296v-.656a.5.5 0 0 1 1 0v.656c0 .599.273 1.155.73 1.487a.5.5 0 0 1-.294.905z"
/>
<circle cx="9.242" cy="28.247" r="2" fill="url(#i)" />
<circle cx="20.929" cy="28.247" r="2" fill="url(#j)" />
<path
fill="url(#k)"
d="M16.428 4.825s-5.914 6.039-5.948 9.271a5.852 5.852 0 0 0 11.702.122c.033-3.232-5.754-9.393-5.754-9.393zm-.096 13.943-.045-.5.006-.5c2.009 0 3.628-1.603 3.648-3.574a.501.501 0 0 1 .5-.495h.005a.5.5 0 0 1 .495.505c-.026 2.516-2.093 4.564-4.609 4.564z"
/>
<path
fill="url(#l)"
d="m26.65 13.07-1.26 8.2c-.22 1.46-1.67 2.54-3.38 2.54H8.41C6.53 23.81 5 22.5 5 20.89V10.75l5.5.01h.07c-.64 1.18-1.08 2.34-1.09 3.32-.02 1.83.68 3.56 1.96 4.87s2.99 2.04 4.82 2.06h.07c3.74 0 6.81-3.04 6.85-6.78.01-1.01-.43-2.22-1.07-3.44h2.21c1.42.01 2.52 1.08 2.33 2.28z"
/>
</svg>
More icons in the same style and category