Add icons to this collection by clicking the heart icon.
Shopping icon - also known as money, bag, online, finance, commerce, payment, shopping, commerce and shopping, credit card, and atm card. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="18"
x2="18"
y1="66.032"
y2="3.002"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="48" x2="48" y1="66.032" y2="3.002" href="#a" />
<linearGradient id="c" x1="44" x2="44" y1="66.032" y2="3.002" href="#a" />
<linearGradient id="d" x1="52" x2="52" y1="66.032" y2="3.002" href="#a" />
<linearGradient
id="e"
x1="11.5"
x2="11.5"
y1="66.032"
y2="3.002"
href="#a"
/>
<linearGradient id="f" x1="26" x2="26" y1="66.032" y2="3.002" href="#a" />
<linearGradient id="g" x1="28" x2="28" y1="66.032" y2="3.002" href="#a" />
<linearGradient id="h" x1="22" x2="22" y1="66.032" y2="3.002" href="#a" />
<linearGradient id="i" x1="16" x2="16" y1="66.032" y2="3.002" href="#a" />
<g>
<path
fill="url(#a)"
d="M31 19h-2v-1.17a2.956 2.956 0 0 0-.88-2.12l-.83-.83a.99.99 0 0 1-.29-.71V12h1a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h1v2.17a.99.99 0 0 1-.29.71l-.83.83A2.956 2.956 0 0 0 7 17.83V19H5a3.009 3.009 0 0 0-3 3v14a3.009 3.009 0 0 0 3 3h6v3a2.994 2.994 0 0 0 4.12 2.78 2.978 2.978 0 0 0 5.76 0A3.02 3.02 0 0 0 22 45a2.983 2.983 0 0 0 2.53-1.4A2.942 2.942 0 0 0 26 44a3.009 3.009 0 0 0 3-3v-2h2a3.009 3.009 0 0 0 3-3V22a3.009 3.009 0 0 0-3-3zM9 4h18v6H9zm0 13.83a.99.99 0 0 1 .29-.71l.83-.83a2.956 2.956 0 0 0 .88-2.12V12h14v2.17a2.956 2.956 0 0 0 .88 2.12l.83.83a.99.99 0 0 1 .29.71V19H14a1 1 0 0 0-1 1v2.17a.99.99 0 0 1-.29.71l-1.42 1.41A1.033 1.033 0 0 0 11 25v2a1 1 0 0 1-2 0zM15 42a1 1 0 0 1-2 0v-3h2zm4 2a1 1 0 0 1-2 0v-5h2zm4-2a1 1 0 0 1-2 0v-3h2zm4-1a1 1 0 0 1-2 0v-2h2zm5-5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V22a1 1 0 0 1 1-1h2v6a3 3 0 0 0 6 0v-1.59l1.12-1.12a2.956 2.956 0 0 0 .88-2.12V21h16a1 1 0 0 1 1 1z"
/>
<path
fill="url(#b)"
d="M60 34.92a1 1 0 0 0-1-.92h-3v-3a8 8 0 0 0-16 0v3h-3a1 1 0 0 0-1 .92l-2 26A1.01 1.01 0 0 0 35 62h26a1.01 1.01 0 0 0 1-1.08zM42 31a6 6 0 0 1 12 0v3H42zm-5.92 29 1.85-24H40v4a1 1 0 0 0 2 0v-4h12v4a1 1 0 0 0 2 0v-4h2.07l1.85 24z"
/>
<path
fill="url(#c)"
d="M47 46a3 3 0 1 0-3 3 3 3 0 0 0 3-3zm-3 1a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M52 49a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#b)"
d="M51.447 42.105a1 1 0 0 0-1.342.448l-6 12a1 1 0 0 0 1.79.894l6-12a1 1 0 0 0-.448-1.342z"
/>
<path fill="url(#e)" d="M11 8h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<path
fill="url(#f)"
d="M28 29h-4a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm-4 2h1v2h-1zm3 2v-2h1v2z"
/>
<path fill="url(#g)" d="M29 25h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path
fill="url(#h)"
d="M24 26a1 1 0 0 0-1-1h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 1-1z"
/>
<path fill="url(#i)" d="M17 25h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
</g>
</svg>
More icons in the same style and category