Menu

Beta
Sign in
Beta
Shopping Bag SVG icon, line

Shopping Bag SVG icon, line

Two short handles rise from the open top of this upright bag. It works on a purchase confirmation page or a sign marking a shop’s pickup counter.

Free · from Shopping icons, line

Similar SVGs

More from Shopping icons, line

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ZnErqEpNNX7t/amnt.svg" alt="Shopping Bag" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 9h16l-1 12H5L4 9Z"/><path d="M8 10V6a2 2 0 0 1 4 0v4m0 0V6a2 2 0 0 1 4 0v4"/></svg>
CSS background-image
.shopping-bag {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ZnErqEpNNX7t/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.shopping-bag {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ZnErqEpNNX7t/amnt.svg") center / contain no-repeat;
}
React
import ShoppingBagSvg from "./shopping-bag.jsx"; // from the React tab above

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

Tags

shoppingbagpurchasecommerceiconline

Made with AMNT

AMNT SVG 1.1 drew this from the words Shopping Bag: Upright bag with two short handles rising from its open top. as part of the pack Shopping icons, line. 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