Pixelarticons

Shopping Bag Pixel Art Icon

A shopping bag icon for store headers, checkout entry points, order summaries and e-commerce cart alternatives.

commerce Free 4 variants

Tags

shoppingcartbagpurseluggage

Style variants

base

Outline · rounded corners

sharp

Outline · sharp corners

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Shopping Bag icon

A handled shopping bag, a widely used alternative to the shopping cart for e-commerce navigation. Fashion and lifestyle stores often prefer the bag because it feels closer to the in-store experience of leaving with a purchase. Place it in the header as the cart entry point, on checkout buttons, and in order-confirmation screens. The shopping-cart icon carries identical meaning and is more common in traditional retail; the bag skews toward lifestyle and boutique brands where a softer aesthetic is preferred.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/shopping-bag.svg" width="24" height="24" alt="Shopping Bag" />

<!-- React -->
import { ShoppingBag } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="shopping-bag.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons