Add icons to this collection by clicking the heart icon.
Shopping icon - also known as bag, commerce, sale, shopping, commerce and shopping, shopping bag, credit card, and purchase. Created in a clean outline 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="32.498"
x2="32.498"
y1="-.227"
y2="63.849"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#38d6a4" />
<stop offset=".171" stop-color="#32caae" />
<stop offset=".478" stop-color="#22abc8" />
<stop offset=".884" stop-color="#0879f2" />
<stop offset=".999" stop-color="#0069ff" />
</linearGradient>
<linearGradient
id="b"
x1="52.389"
x2="52.389"
y1="-.227"
y2="63.849"
href="#a"
/>
<linearGradient
id="c"
x1="53.096"
x2="53.096"
y1="-.227"
y2="63.849"
href="#a"
/>
<linearGradient
id="d"
x1="52.743"
x2="52.743"
y1="-.227"
y2="63.849"
gradientTransform="rotate(78.7 52.72 50.208)"
href="#a"
/>
<linearGradient id="e" x1="42" x2="42" y1="-.227" y2="63.849" href="#a" />
<linearGradient
id="f"
x1="22.5"
x2="22.5"
y1="-.227"
y2="63.849"
href="#a"
/>
<linearGradient id="g" x1="31" x2="31" y1="-.227" y2="63.849" href="#a" />
<linearGradient id="h" x1="52" x2="52" y1="-.227" y2="63.849" href="#a" />
<linearGradient id="i" x1="55" x2="55" y1="-.227" y2="63.849" href="#a" />
<linearGradient id="j" x1="41" x2="41" y1="-.227" y2="63.849" href="#a" />
<linearGradient
id="k"
x1="29.5"
x2="29.5"
y1="-.227"
y2="63.849"
href="#a"
/>
<linearGradient id="l" x1="34" x2="34" y1="-.227" y2="63.849" href="#a" />
<g>
<path
fill="url(#a)"
d="M47.884 35.484a1 1 0 0 0-.657-.292l-8.93-.444a.984.984 0 0 0-.757.292 1 1 0 0 0-.292.757l.129 2.584a10.989 10.989 0 0 1-3.462-1.673c-3.3-2.371-4.861-6.089-3.4-8.119.989-1.377 3.162-1.683 5.489-1V31H34v2h6v-2h-2v-2.583a11.651 11.651 0 0 1 1.291.8 9.548 9.548 0 0 1 3.783 5.034l1.934-.508a11.561 11.561 0 0 0-4.551-6.143A13.8 13.8 0 0 0 38 26.184V21h7.582l.752 13.058 2-.116-.806-14a1 1 0 0 0-1-.942H38v-6.174a12.5 12.5 0 0 0-25 0V19H4.474a1 1 0 0 0-1 .942L1 62.942A1 1 0 0 0 2 64h47a1 1 0 0 0 1-1.058l-.288-5-2 .116L47.94 62H3.06l2.358-41H13v10h-2v2h6v-2h-2V21h21v4.506c-2.943-.714-5.676-.086-7.114 1.917-2.161 3.01-.465 7.8 3.863 10.91a12.8 12.8 0 0 0 4.732 2.152l.211 4.242a1 1 0 0 0 .292.657L53.8 61.2a1 1 0 0 0 1.414 0l8.486-8.482a1 1 0 0 0 0-1.414zM15 19v-6.174a10.5 10.5 0 0 1 21 0V19zm39.511 40.082L51.328 55.9 39.671 44.242l-.176-3.529a5.737 5.737 0 0 0 4.825-2.208l-1.62-1.166a3.836 3.836 0 0 1-3.3 1.345l-.1-1.884 7.441.37 7.415 7.415 7.425 7.425z"
/>
<path
fill="url(#b)"
d="M50.621 44.586a2.5 2.5 0 0 0 3.536 3.535 2.5 2.5 0 0 0-3.537-3.534zM52.742 46a.5.5 0 1 1-.352-.145.493.493 0 0 1 .352.145z"
/>
<path
fill="url(#c)"
d="M54.864 55.9a2.5 2.5 0 1 0-1.769.733 2.5 2.5 0 0 0 1.77-.733zm-2.122-2.121a.5.5 0 0 1 .355-.146.5.5 0 1 1-.354.854.5.5 0 0 1-.001-.709z"
/>
<path
fill="url(#d)"
d="M51.743 44.834h2v10.817h-2z"
transform="rotate(-78.7 52.707 50.222)"
/>
<path fill="url(#e)" d="M40 58h4v2h-4z" />
<path fill="url(#f)" d="M7 58h31v2H7z" />
<path fill="url(#g)" d="M34 12v-2h-5a1 1 0 0 0-1 1v6h6v-2h-4v-3z" />
<path
fill="url(#h)"
d="M63 10H40v2h22v3H40v2h22v12H50v2h13a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1z"
/>
<path fill="url(#i)" d="M50 25h10v2H50z" />
<path fill="url(#j)" d="M40 54h2v2h-2z" />
<path fill="url(#k)" d="M21 54h17v2H21z" />
<path fill="url(#j)" d="M40 50h2v2h-2z" />
<path fill="url(#l)" d="M30 50h8v2h-8z" />
</g>
</svg>
More icons in the same style and category