Color

Advanced editing in SVG Editor

Mage Icons

Shopping Bag Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Outline
Tags: shopping bag store purchase carry

The Shopping Bag icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/310964.svg" alt="Shopping Bag icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310964.svg" alt="Shopping Bag icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310964.svg"
  alt="Shopping Bag icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-shopping-bag {
  background-image: url('https://proicons.com/icon/310964.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.48438 6.21877V18.3594C4.48438 19.126 4.78893 19.8613 5.33103 20.4034C5.87312 20.9455 6.60836 21.25 7.375 21.25H16.625C17.3916 21.25 18.1269 20.9455 18.669 20.4034C19.2111 19.8613 19.5156 19.126 19.5156 18.3594V6.21877" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.5156 6.21877L16.3822 3.08533C16.2741 2.97817 16.146 2.89339 16.0051 2.83585C15.8643 2.77831 15.7134 2.74914 15.5612 2.75002H8.43875C8.28658 2.74914 8.13574 2.77831 7.99486 2.83585C7.85399 2.89339 7.72586 2.97817 7.61782 3.08533L4.48438 6.21877H19.5156Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.53126 9.68752L8.8897 10.3928C9.12882 10.8754 9.49801 11.2816 9.95564 11.5655C10.4133 11.8495 10.9411 12 11.4797 12H12.5203C13.0589 12 13.5867 11.8495 14.0444 11.5655C14.502 11.2816 14.8712 10.8754 15.1103 10.3928L15.4688 9.68752" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Shopping Bag in other icon packs

Feather Icons

Copied!

Shopping Bag Icon

More from Mage Icons

Shopping Bag in other icon packs