Beta

Shopping Bag SVG icon, line

Free

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.

Sign in to download. Free SVGs are free with any account.

shoppingbagpurchasecommerceiconline

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} />

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.

Rest of Shopping icons, line

Whole pack

Similar SVGs

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