Add icons to this collection by clicking the heart icon.
Shopping Bag icon - also known as add, ui, commerce and shopping, shopping bag, online shopping, purchase, ecommerce, and paper bag. 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="#d9defb" />
<stop offset="1" stop-color="#4460ff" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 8 -8 0 168.523 3)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 121.5 142) scale(18.5)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3fb655" />
<stop offset="1" stop-color="#137e27" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 12.026 -12.026 0 265.5 12)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4.943 -4.943 0 262.914 22)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -.563 24.433) scale(15.474)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1c96eb" />
<stop offset="1" stop-color="#005e9f" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 22.482 -22.482 0 21 24.246)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#b3b3b3" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M19.511 5.828a4.581 4.581 0 0 0-4.578-4.578 4.581 4.581 0 0 0-4.579 4.578.75.75 0 0 0 1.5 0 3.08 3.08 0 0 1 6.157 0 .75.75 0 0 0 1.5 0z"
/>
<path
fill="url(#c)"
d="M18.164 28.455a.75.75 0 0 0 .63-1.157 4.227 4.227 0 0 1-.678-2.302 4.258 4.258 0 0 1 6.468-3.634.75.75 0 0 0 1.14-.677l-.65-12.994a2.75 2.75 0 0 0-2.746-2.613H7.538a2.75 2.75 0 0 0-2.747 2.613l-.894 17.877a2.75 2.75 0 0 0 2.747 2.887z"
/>
<path
fill="url(#d)"
d="M18.011 9.93c0 1.699-1.379 3.079-3.078 3.079s-3.079-1.38-3.079-3.079a.75.75 0 0 0-1.5 0 4.581 4.581 0 0 0 4.579 4.579 4.581 4.581 0 0 0 4.578-4.579.75.75 0 0 0-1.5 0z"
/>
<path
fill="url(#e)"
d="M19.825 21.587H4.096l-.075 1.5h14.547a4.294 4.294 0 0 1 1.257-1.5z"
/>
<circle cx="22.371" cy="24.996" r="5.754" fill="url(#f)" />
<circle cx="22.371" cy="24.996" r="4.254" fill="url(#g)" />
<g fill="url(#f)">
<path
d="M21.621 22.991V27a.75.75 0 0 0 1.5 0v-4.009a.75.75 0 0 0-1.5 0z"
/>
<path
d="M20.366 25.746h4.009a.75.75 0 0 0 0-1.5h-4.009a.75.75 0 0 0 0 1.5z"
/>
</g>
</g>
</svg>
More icons in the same style and category