Menu

Beta
Sign in
Shopping Bag SVG icon, gradient

Shopping Bag SVG icon, gradient

A shopping bag with a curved handle represents carrying selected goods. Use it on an online store’s cart page and in a retail app’s purchase menu.

Free · from Online Shopping Icons, Gradient

Similar SVGs

More from Online Shopping Icons, Gradient

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/GWC4sNSO7qI8/amnt.svg" alt="Shopping Bag" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g0" gradientUnits="userSpaceOnUse" x1="12" y1="14" x2="53" y2="55"><stop offset="0" stop-color="#8138e8"/><stop offset="1" stop-color="#1675ff"/></linearGradient></defs><g id="layer-1" data-name="Shape 1"><path d="M22 24L22 18C22 12.48 26.48 8 32 8C37.52 8 42 12.48 42 18L42 24" fill="none" stroke="#6537d8" stroke-width="5" stroke-linecap="round"/></g><g id="layer-2" data-name="Shape 2"><path d="M15 23L49 23C51.21 23 53 24.79 53 27L50.7 54C50.7 56.21 48.91 58 46.7 58L17.3 58C15.09 58 13.3 56.21 13.3 54L11 27C11 24.79 12.79 23 15 23Z" fill="url(#g0) #1675ff"/></g><g id="layer-3" data-name="Shape 3"><path d="M19 29L45 29" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-opacity="0.23"/></g><g id="layer-4" data-name="Circle 4"><path d="M47 42C47 44.21 45.21 46 43 46C40.79 46 39 44.21 39 42C39 39.79 40.79 38 43 38C45.21 38 47 39.79 47 42Z" fill="#ff746d"/></g></svg>
CSS background-image
.shopping-bag {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/GWC4sNSO7qI8/amnt.svg");
  background-size: contain;
}
React
import ShoppingBagSvg from "./shopping-bag.jsx"; // from the React tab above

<ShoppingBagSvg width={48} height={48} />

Tags

bagshoppingretailpurchase

Made with AMNT

AMNT SVG 1.1 drew this from the words Shopping bag. bold simple silhouette, smooth shading from violet to electric blue with a small coral accent, subtle highlights, crisp edges, no background, readable at small size. as part of the pack Online Shopping Icons, Gradient. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings