Add icons to this collection by clicking the heart icon.
Shopping Cart icon - also known as food, shopping cart, supermarket, commerce and shopping, and groceries. Created in a clean color 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 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e1d3ce" />
<stop offset="1" stop-color="#9e9797" />
</linearGradient>
<linearGradient
id="l"
x1="120.276"
x2="77.609"
y1="103.482"
y2="170.815"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#433f43" stop-opacity="0" />
<stop offset=".301" stop-color="#3c393c" stop-opacity=".301" />
<stop offset=".737" stop-color="#292729" stop-opacity=".737" />
<stop offset="1" stop-color="#1a1a1a" />
</linearGradient>
<linearGradient
id="m"
x1="92.57"
x2="62.57"
y1="106.256"
y2="79.256"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#c59191" />
<stop offset="1" stop-color="#9b5e5e" />
</linearGradient>
<linearGradient
id="n"
x1="208.328"
x2="347.552"
y1="65.563"
y2="204.788"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#9b5e5e" stop-opacity="0" />
<stop offset=".247" stop-color="#955857" stop-opacity=".247" />
<stop offset=".612" stop-color="#854943" stop-opacity=".612" />
<stop offset="1" stop-color="#6d3326" />
</linearGradient>
<linearGradient
id="o"
x1="184.575"
x2="415.827"
y1="9.071"
y2="230.312"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="271.521"
x2="305.521"
y1="107.908"
y2="126.908"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="270.33"
x2="270.33"
y1="121.293"
y2="174.556"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#fffdf1" />
<stop offset="1" stop-color="#fff5c6" />
</linearGradient>
<linearGradient
id="r"
x1="206.89"
x2="225.578"
y1="64.1"
y2="82.185"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="s"
x1="397.864"
x2="482.403"
y1="109.109"
y2="109.109"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset=".183" stop-color="#fc9b19" stop-opacity=".183" />
<stop offset=".509" stop-color="#f57d28" stop-opacity=".509" />
<stop offset=".936" stop-color="#eb4c40" stop-opacity=".936" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="t"
x1="471.071"
x2="511.104"
y1="116.581"
y2="116.581"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="u"
x1="435.598"
x2="435.598"
y1="63.662"
y2="-21.559"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient id="g">
<stop offset="0" stop-color="#b3dafe" />
<stop offset="1" stop-color="#60b7ff" />
</linearGradient>
<linearGradient
id="v"
x1="421.873"
x2="472.382"
y1="144.366"
y2="144.366"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient id="h">
<stop offset="0" stop-color="#017bae" stop-opacity="0" />
<stop offset="1" stop-color="#017bae" />
</linearGradient>
<linearGradient
id="w"
x1="455.915"
x2="416.192"
y1="146.699"
y2="145.19"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="x"
x1="450.561"
x2="482.295"
y1="151.566"
y2="159.165"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="y"
x1="435.598"
x2="435.598"
y1="30.525"
y2="42.926"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="433.998"
x2="437.813"
y1="6.304"
y2="20.083"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="A"
x1="435.598"
x2="435.598"
y1="1.696"
y2="38.51"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="B"
x1="2053.683"
x2="2153.688"
y1="-294.474"
y2="-294.474"
gradientTransform="rotate(25.04 252.731 -3997.07)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f89580" />
<stop offset="1" stop-color="#c4573a" />
</linearGradient>
<linearGradient id="i">
<stop offset="0" stop-color="#c4573a" stop-opacity="0" />
<stop offset=".258" stop-color="#ba5338" stop-opacity=".258" />
<stop offset=".699" stop-color="#9e4832" stop-opacity=".699" />
<stop offset="1" stop-color="#883f2e" />
</linearGradient>
<linearGradient
id="C"
x1="354.666"
x2="400.178"
y1="135.069"
y2="158.07"
gradientUnits="userSpaceOnUse"
href="#i"
/>
<linearGradient id="j">
<stop offset="0" stop-color="#ffdfcf" />
<stop offset="1" stop-color="#ffa78f" />
</linearGradient>
<linearGradient
id="D"
x1="2096.311"
x2="2096.311"
y1="-7751.75"
y2="-7740.092"
gradientTransform="scale(1 -1) rotate(-25.03 18284.861 4.353)"
gradientUnits="userSpaceOnUse"
href="#j"
/>
<linearGradient
id="E"
x1="2096.311"
x2="2096.311"
y1="-7712.954"
y2="-7701.295"
gradientTransform="scale(1 -1) rotate(-25.03 18284.861 4.353)"
gradientUnits="userSpaceOnUse"
href="#j"
/>
<linearGradient
id="F"
x1="2096.311"
x2="2096.311"
y1="-7674.157"
y2="-7662.499"
gradientTransform="scale(1 -1) rotate(-25.03 18284.861 4.353)"
gradientUnits="userSpaceOnUse"
href="#j"
/>
<linearGradient
id="G"
x1="357.121"
x2="357.121"
y1="142.422"
y2="178.176"
gradientUnits="userSpaceOnUse"
href="#i"
/>
<linearGradient
id="H"
x1="290.677"
x2="415.2"
y1="194.969"
y2="466.082"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="I"
x1="333.34"
x2="333.34"
y1="253.966"
y2="168.501"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="J"
x1="458.746"
x2="398.862"
y1="335.421"
y2="335.421"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="K"
x1="384.879"
x2="332.335"
y1="335.421"
y2="335.421"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="L"
x1="243.999"
x2="196.785"
y1="335.421"
y2="335.421"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="M"
x1="313.297"
x2="266.838"
y1="335.421"
y2="335.421"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="N"
x1="325.286"
x2="325.286"
y1="342.398"
y2="450.555"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="O"
x1="431.969"
x2="523.502"
y1="306.589"
y2="326.361"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="P"
x1="329"
x2="329"
y1="189.315"
y2="207.425"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="Q"
x1="298.759"
x2="298.759"
y1="389"
y2="480.198"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="R"
x1="304"
x2="264.681"
y1="460"
y2="460"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="k">
<stop offset="0" stop-color="#554e56" />
<stop offset="1" stop-color="#433f43" />
</linearGradient>
<linearGradient
id="S"
x1="45.376"
x2="45.376"
y1="52.435"
y2="75.435"
gradientUnits="userSpaceOnUse"
href="#k"
/>
<linearGradient
id="T"
x1="206.288"
x2="248.818"
y1="447.954"
y2="490.485"
gradientUnits="userSpaceOnUse"
href="#k"
/>
<linearGradient
id="U"
x1="247.226"
x2="207.316"
y1="488.892"
y2="448.982"
gradientUnits="userSpaceOnUse"
href="#k"
/>
<linearGradient
id="V"
x1="388.288"
x2="430.818"
y1="447.954"
y2="490.485"
gradientUnits="userSpaceOnUse"
href="#k"
/>
<linearGradient
id="W"
x1="429.226"
x2="389.316"
y1="488.892"
y2="448.982"
gradientUnits="userSpaceOnUse"
href="#k"
/>
<path
fill="url(#l)"
d="M163.269 210.205a12.465 12.465 0 0 1-8.839-3.661L107.986 160.1c-11.928-11.928-18.497-27.787-18.497-44.656 0-21.038-17.116-38.153-38.154-38.153h-9.243c-6.904 0-12.5-5.597-12.5-12.5s5.596-12.5 12.5-12.5h9.243c34.823 0 63.154 28.33 63.154 63.153 0 10.191 3.969 19.772 11.174 26.979l46.445 46.444c4.881 4.882 4.881 12.796 0 17.678a12.468 12.468 0 0 1-8.839 3.66z"
/>
<path
fill="url(#m)"
d="M125.663 142.422c-7.206-7.206-11.174-16.787-11.174-26.979 0-34.823-28.331-63.153-63.154-63.153h-9.243c-6.904 0-12.5 5.597-12.5 12.5s5.596 12.5 12.5 12.5h9.243c21.038 0 38.154 17.115 38.154 38.153 0 14.054 4.574 27.398 12.993 38.361h34.564z"
/>
<path
fill="url(#n)"
d="M349.705 202.581h-158.75c-10.073 0-18.239-8.166-18.239-18.239V69.518c0-8.379 6.792-15.171 15.171-15.171h12.311l17.483 3.551 17.483-3.551h117.608c8.379 0 15.171 6.792 15.171 15.171v114.824c0 10.073-8.166 18.239-18.238 18.239z"
/>
<path
fill="url(#o)"
d="M259.881 202.581h89.824c10.073 0 18.239-8.166 18.239-18.239V69.518c0-8.379-6.792-15.171-15.171-15.171h-92.892z"
/>
<path
fill="url(#p)"
d="M259.881 202.581h89.824c10.073 0 18.239-8.166 18.239-18.239V69.518c0-8.379-6.792-15.171-15.171-15.171h-92.892z"
/>
<path
fill="url(#q)"
d="M172.717 84.104v100.238c0 10.073 8.166 18.239 18.239 18.239h158.749c10.073 0 18.239-8.166 18.239-18.239V84.104z"
/>
<path
fill="url(#r)"
d="M231.446 96.882h-27.53a3.718 3.718 0 0 1-3.718-3.718V54.347h34.965v38.818a3.716 3.716 0 0 1-3.717 3.717z"
/>
<path
fill="url(#s)"
d="M497.283 103.588v85.802a8.162 8.162 0 0 1-8.159 8.159H382.071a8.162 8.162 0 0 1-8.159-8.159v-85.802a40.667 40.667 0 0 1 6.968-22.779 40.66 40.66 0 0 1 18.528-14.975 11.396 11.396 0 0 0 7.145-10.579V20.669h58.087v34.586a11.384 11.384 0 0 0 7.145 10.578 40.699 40.699 0 0 1 25.498 37.755z"
/>
<path
fill="url(#t)"
d="M497.283 103.588v85.802a8.162 8.162 0 0 1-8.159 8.159h-50.98V35.613h26.497v19.643c0 4.656 2.825 8.843 7.145 10.579a40.695 40.695 0 0 1 25.497 37.753z"
/>
<path
fill="url(#u)"
d="M482.073 71.862a40.655 40.655 0 0 0-10.288-6.027 11.404 11.404 0 0 1-7.145-10.579v-33.21h-58.083v33.21c0 4.654-2.828 8.841-7.145 10.579a40.655 40.655 0 0 0-10.288 6.027z"
/>
<path
fill="url(#v)"
d="M383.452 103.455v76.927a10.94 10.94 0 0 0 4.979 9.166 9.533 9.533 0 0 1 4.345 8.001h85.642a9.532 9.532 0 0 1 4.346-8.001 10.94 10.94 0 0 0 4.979-9.166v-64.347c0-3.028-2.35-5.549-5.372-5.714-15.121-.83-31.033-4.041-47.325-10.515-13.062-5.201-25.927-7.867-38.368-8.602-7.088-.418-13.2 5.15-13.226 12.251z"
/>
<path
fill="url(#w)"
d="M383.452 103.455v76.927a10.94 10.94 0 0 0 4.979 9.166 9.533 9.533 0 0 1 4.345 8.001h85.642a9.532 9.532 0 0 1 4.346-8.001 10.94 10.94 0 0 0 4.979-9.166v-64.347c0-3.028-2.35-5.549-5.372-5.714-15.121-.83-31.033-4.041-47.325-10.515-13.062-5.201-25.927-7.867-38.368-8.602-7.088-.418-13.2 5.15-13.226 12.251z"
/>
<path
fill="url(#x)"
d="M482.765 189.549a10.94 10.94 0 0 0 4.979-9.166v-64.347c0-3.028-2.35-5.549-5.372-5.714-14.161-.777-29.016-3.644-44.228-9.322v96.55h40.275a9.533 9.533 0 0 1 4.346-8.001z"
/>
<path
fill="url(#y)"
d="M463.476 42.434h-55.757a7.042 7.042 0 1 1 0-14.084h55.757a7.042 7.042 0 0 1 0 14.084z"
/>
<path
fill="url(#z)"
d="M464.321 24.166h-57.447a5.617 5.617 0 0 1-5.617-5.618V5.618A5.618 5.618 0 0 1 406.874 0h57.447a5.618 5.618 0 0 1 5.618 5.618v12.931a5.617 5.617 0 0 1-5.618 5.617z"
/>
<g fill="url(#A)">
<path
d="M455.156 24.166h-39.117a4.724 4.724 0 0 1-4.724-4.724V4.724A4.724 4.724 0 0 1 416.039 0h39.117a4.724 4.724 0 0 1 4.724 4.724v14.719a4.724 4.724 0 0 1-4.724 4.723z"
/>
<path
d="M443.076 24.166H428.12a3.12 3.12 0 0 1-3.121-3.121V3.121A3.12 3.12 0 0 1 428.12 0h14.956a3.12 3.12 0 0 1 3.121 3.121v17.924a3.12 3.12 0 0 1-3.121 3.121z"
/>
</g>
<path
fill="url(#B)"
d="M409.257 160.63c-25.443 54.563-69.309 87.958-97.977 74.59s-31.282-68.437-5.839-123.001 69.309-87.958 97.977-74.59c28.668 13.369 31.282 68.438 5.839 123.001z"
/>
<path
fill="url(#C)"
d="M409.257 160.63c-25.443 54.563-69.309 87.958-97.977 74.59s-31.282-68.437-5.839-123.001 69.309-87.958 97.977-74.59c28.668 13.369 31.282 68.438 5.839 123.001z"
/>
<path
fill="url(#D)"
d="M310.493 155.274c-1.18 2.531-1.178 5.29.006 6.931 4.698 6.507 14.066 13.691 25.876 19.198s23.335 8.066 31.339 7.482c2.018-.147 4.133-1.919 5.313-4.45 1.413-3.029 1.108-6.309-.727-7.669-12.181-9.028-40.72-22.336-55.465-25.864-2.222-.532-4.93 1.343-6.342 4.372z"
/>
<path
fill="url(#E)"
d="M326.889 120.112c-1.18 2.531-1.178 5.29.006 6.931 4.698 6.507 14.066 13.691 25.876 19.198s23.335 8.066 31.339 7.482c2.018-.147 4.133-1.919 5.313-4.45 1.413-3.029 1.108-6.309-.727-7.669-12.181-9.028-40.72-22.336-55.465-25.864-2.222-.532-4.929 1.343-6.342 4.372z"
/>
<path
fill="url(#F)"
d="M343.285 84.95c-1.18 2.531-1.178 5.29.006 6.931 4.698 6.507 14.066 13.691 25.876 19.198s23.335 8.066 31.339 7.482c2.018-.147 4.133-1.919 5.313-4.45 1.413-3.029 1.108-6.309-.727-7.669-12.181-9.028-40.72-22.336-55.465-25.864-2.221-.532-4.929 1.343-6.342 4.372z"
/>
<path
fill="url(#G)"
d="M311.873 99.565a208.272 208.272 0 0 0-6.433 12.654c-25.443 54.563-22.829 109.632 5.839 123.001s72.534-20.027 97.977-74.59c9.836-21.093 15.475-42.259 17.04-61.065z"
/>
<path
fill="url(#H)"
d="m502.12 199.985-44.6 176.55c-3.51 13.9-16.01 23.64-30.35 23.64h-231.3c-17.29 0-31.31-14.02-31.31-31.31v-168.88z"
/>
<path
fill="url(#I)"
d="m502.12 199.985-44.6 176.55c-3.51 13.9-16.01 23.64-30.35 23.64h-75.1l-187.51-187.51v-12.68z"
/>
<path
fill="url(#J)"
d="m414.667 287.798-16.225 112.378h28.728c4.226 0 8.293-.845 12.017-2.41l15.048-104.256c1.739-12.051-7.608-22.844-19.784-22.844-9.937 0-18.364 7.298-19.784 17.132z"
/>
<path
fill="url(#K)"
d="m342.125 289.693-5.32 110.483h40.025l5.228-108.561c.549-11.404-8.549-20.95-19.965-20.95h-.002c-10.666.001-19.453 8.375-19.966 19.028z"
/>
<path
fill="url(#L)"
d="M219.678 270.666h-.002c-11.039 0-19.989 8.949-19.989 19.989v109.522h39.979V290.655c0-11.04-8.949-19.989-19.988-19.989z"
/>
<path
fill="url(#M)"
d="M290.316 270.666h-.002c-11.039 0-19.989 8.949-19.989 19.989v109.522h39.979V290.655c0-11.04-8.949-19.989-19.988-19.989z"
/>
<path
fill="url(#N)"
d="M164.559 263.745v105.121c0 17.29 14.017 31.307 31.307 31.307H427.17c14.337 0 26.842-9.739 30.353-23.64l28.49-112.789H164.559z"
/>
<path
fill="url(#O)"
d="m502.12 199.985-44.6 176.55c-3.51 13.9-16.01 23.64-30.35 23.64H301.54v-200.19z"
/>
<path
fill="url(#P)"
d="M493.463 212.648H164.537c-9.133 0-16.537-7.404-16.537-16.537s7.404-16.537 16.537-16.537h328.926c9.133 0 16.537 7.404 16.537 16.537s-7.404 16.537-16.537 16.537z"
/>
<path
fill="url(#Q)"
d="M428.959 472.5H156.342c-23.072 0-41.842-18.771-41.842-41.842s18.77-41.842 41.842-41.842h314.176c6.904 0 12.5 5.597 12.5 12.5s-5.596 12.5-12.5 12.5H156.342c-9.287 0-16.842 7.556-16.842 16.842s7.555 16.842 16.842 16.842h272.617c6.904 0 12.5 5.597 12.5 12.5s-5.596 12.5-12.5 12.5z"
/>
<path
fill="url(#R)"
d="M428.959 447.5H239.666v25h189.293c6.904 0 12.5-5.597 12.5-12.5s-5.596-12.5-12.5-12.5z"
/>
<path
fill="url(#S)"
d="M0 76.565c0 7.147 5.222 13.249 12.295 14.275 10.078 1.461 21.277 2.277 33.08 2.277s23.003-.815 33.08-2.277c7.073-1.026 12.295-7.128 12.295-14.275V58.986c0-7.147-5.222-13.249-12.295-14.275-10.078-1.461-21.277-2.277-33.08-2.277s-23.003.815-33.08 2.277C5.222 45.737 0 51.839 0 58.986z"
/>
<circle cx="224.507" cy="466.174" r="43.826" fill="url(#T)" />
<circle cx="224.507" cy="466.174" r="28.817" fill="url(#U)" />
<circle cx="406.507" cy="466.174" r="43.826" fill="url(#V)" />
<circle cx="406.507" cy="466.174" r="28.817" fill="url(#W)" />
</svg>
More icons in the same style and category