Add icons to this collection by clicking the heart icon.
Shopping Bag icon - also known as bag, commerce, shopping, commerce and shopping, shopping bag, online store, online shopping, online shop, and shopper. 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffcb6c" />
<stop offset="1" stop-color="#ffe9c0" />
</linearGradient>
<linearGradient
id="c"
x1="30.264"
x2="50.83"
y1="14.68"
y2="14.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffbc42" />
<stop offset="1" stop-color="#ffda96" />
</linearGradient>
<linearGradient
id="d"
x1="37.697"
x2="58.107"
y1="38.435"
y2="38.435"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="5.893"
x2="47.59"
y1="38.435"
y2="38.435"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="15.615"
x2="37.867"
y1="38.436"
y2="38.436"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="16.459"
x2="37.025"
y1="14.68"
y2="14.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="22.523"
x2="30.959"
y1="38.435"
y2="38.435"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f1404b" />
<stop offset="1" stop-color="#f79298" />
</linearGradient>
<path
fill="url(#c)"
d="M49.83 25.941a1 1 0 0 1-1-1V13.717c0-4.575-3.722-8.298-8.297-8.298-4.56 0-8.27 3.723-8.27 8.298v11.225a1 1 0 1 1-2 0V13.717c0-5.679 4.606-10.298 10.27-10.298 5.678 0 10.297 4.619 10.297 10.298v11.225a.999.999 0 0 1-1 .999z"
/>
<g fill-rule="evenodd" clip-rule="evenodd">
<path
fill="url(#d)"
d="M52.098 17.288h-14.4v42.293h14.4c3.289 0 6.01-2.692 6.01-6.01V23.27c-.001-3.289-2.721-5.982-6.01-5.982z"
/>
<path
fill="url(#e)"
d="M11.902 17.288H41.58c3.318 0 6.01 2.693 6.01 5.981v30.302a6.012 6.012 0 0 1-6.01 6.01H11.902a6.013 6.013 0 0 1-6.01-6.01V23.27c.001-3.289 2.694-5.982 6.01-5.982z"
/>
<path
fill="url(#f)"
d="M26.756 49.547c6.123 0 11.111-4.989 11.111-11.112s-4.988-11.111-11.111-11.111-11.141 4.988-11.141 11.111 5.018 11.112 11.141 11.112z"
/>
</g>
<path
fill="url(#g)"
d="M36.025 25.941a1 1 0 0 1-1-1V13.717c0-4.575-3.71-8.298-8.27-8.298-4.575 0-8.297 3.723-8.297 8.298v11.225a1 1 0 1 1-2 0V13.717c0-5.679 4.619-10.298 10.297-10.298 5.663 0 10.27 4.619 10.27 10.298v11.225a.999.999 0 0 1-1 .999z"
/>
<path
fill="url(#h)"
d="M29.959 39.435h-6.436a1 1 0 1 1 0-2h6.436a1 1 0 1 1 0 2z"
/>
</svg>
More icons in the same style and category