Add icons to this collection by clicking the heart icon.
Shopping Bag icon - also known as tick, done, approval, commerce and shopping, shopping bag, online shopping, purchase, ecommerce, approved, and check sign. 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 68.523 3)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 71.5 92) 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 165.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 162.914 22)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -2.046 23.7) scale(16.254)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5bb774" />
<stop offset="1" stop-color="#1e8a3c" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 -.273 24.723) scale(19.104)"
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.176 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="M17.829 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.203a2.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="M17.676 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.49 21.587H3.761l-.075 1.5h14.547a4.294 4.294 0 0 1 1.257-1.5z"
/>
<circle cx="22.036" cy="24.996" r="5.754" fill="url(#f)" />
<circle cx="22.036" cy="24.996" r="4.254" fill="url(#g)" />
<g fill="url(#f)">
<path
d="m22.077 25.663-1.417-1.418a.75.75 0 0 0-1.06 1.061l1.417 1.417a.749.749 0 1 0 1.06-1.06z"
/>
<path
d="m22.077 26.723 2.395-2.394a.75.75 0 1 0-1.061-1.061l-2.394 2.395a.749.749 0 1 0 1.06 1.06z"
/>
</g>
</g>
</svg>
More icons in the same style and category