Gentleface › Shopping › shopping-bag-sparkle

shopping-bag-sparkle icon

Shopping bag sparkle: ai shopping assistant, ai product recommendations, ai shopping. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.293 5.293C1.098 5.488 1 5.724 1 6L1 12C1 12.276 1.098 12.512 1.293 12.707C1.488 12.902 1.724 13 2 13L8.5 13C8.641 13 8.759 13.048 8.856 13.144C8.952 13.241 9 13.359 9 13.5C9 13.641 8.952 13.759 8.856 13.856C8.759 13.952 8.641 14 8.5 14L2 14C1.746 14 1.5 13.953 1.264 13.86C1.007 13.758 0.781 13.609 0.586 13.414C0.391 13.219 0.242 12.993 0.14 12.736C0.047 12.5 0 12.254 0 12L0 6C0 5.746 0.047 5.5 0.14 5.264C0.242 5.007 0.391 4.781 0.586 4.586C0.781 4.391 1.007 4.242 1.264 4.14C1.5 4.047 1.746 4 2 4L3 4L3 3C3 2.619 3.07 2.25 3.211 1.896C3.363 1.511 3.586 1.172 3.879 0.879C4.172 0.586 4.511 0.363 4.896 0.211C5.25 0.07 5.619 0 6 0C6.381 0 6.75 0.07 7.104 0.211C7.489 0.363 7.828 0.586 8.121 0.879C8.414 1.172 8.637 1.511 8.789 1.896C8.93 2.25 9 2.619 9 3L9 4L10 4C10.418 4 10.799 4.12 11.143 4.359C11.486 4.598 11.731 4.914 11.876 5.306C11.924 5.436 11.919 5.563 11.861 5.689C11.803 5.814 11.71 5.901 11.58 5.949C11.451 5.996 11.323 5.992 11.198 5.934C11.072 5.876 10.986 5.783 10.938 5.653C10.865 5.457 10.743 5.299 10.571 5.179C10.4 5.06 10.209 5 10 5L2 5C1.724 5 1.488 5.098 1.293 5.293ZM7.86 2.264C7.758 2.007 7.609 1.781 7.414 1.586C7.219 1.391 6.993 1.242 6.736 1.14C6.5 1.047 6.254 1 6 1C5.746 1 5.5 1.047 5.264 1.14C5.007 1.242 4.781 1.391 4.586 1.586C4.391 1.781 4.242 2.007 4.14 2.264C4.047 2.5 4 2.746 4 3L4 4L8 4L8 3C8 2.746 7.953 2.5 7.86 2.264ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z"/></svg>

React

// Gentleface "shopping-bag-sparkle" (line-round), MIT. https://gentleface.com/icons/shopping-bag-sparkle
import type { SVGProps } from 'react';

export function ShoppingBagSparkleIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M1.293 5.293C1.098 5.488 1 5.724 1 6L1 12C1 12.276 1.098 12.512 1.293 12.707C1.488 12.902 1.724 13 2 13L8.5 13C8.641 13 8.759 13.048 8.856 13.144C8.952 13.241 9 13.359 9 13.5C9 13.641 8.952 13.759 8.856 13.856C8.759 13.952 8.641 14 8.5 14L2 14C1.746 14 1.5 13.953 1.264 13.86C1.007 13.758 0.781 13.609 0.586 13.414C0.391 13.219 0.242 12.993 0.14 12.736C0.047 12.5 0 12.254 0 12L0 6C0 5.746 0.047 5.5 0.14 5.264C0.242 5.007 0.391 4.781 0.586 4.586C0.781 4.391 1.007 4.242 1.264 4.14C1.5 4.047 1.746 4 2 4L3 4L3 3C3 2.619 3.07 2.25 3.211 1.896C3.363 1.511 3.586 1.172 3.879 0.879C4.172 0.586 4.511 0.363 4.896 0.211C5.25 0.07 5.619 0 6 0C6.381 0 6.75 0.07 7.104 0.211C7.489 0.363 7.828 0.586 8.121 0.879C8.414 1.172 8.637 1.511 8.789 1.896C8.93 2.25 9 2.619 9 3L9 4L10 4C10.418 4 10.799 4.12 11.143 4.359C11.486 4.598 11.731 4.914 11.876 5.306C11.924 5.436 11.919 5.563 11.861 5.689C11.803 5.814 11.71 5.901 11.58 5.949C11.451 5.996 11.323 5.992 11.198 5.934C11.072 5.876 10.986 5.783 10.938 5.653C10.865 5.457 10.743 5.299 10.571 5.179C10.4 5.06 10.209 5 10 5L2 5C1.724 5 1.488 5.098 1.293 5.293ZM7.86 2.264C7.758 2.007 7.609 1.781 7.414 1.586C7.219 1.391 6.993 1.242 6.736 1.14C6.5 1.047 6.254 1 6 1C5.746 1 5.5 1.047 5.264 1.14C5.007 1.242 4.781 1.391 4.586 1.586C4.391 1.781 4.242 2.007 4.14 2.264C4.047 2.5 4 2.746 4 3L4 4L8 4L8 3C8 2.746 7.953 2.5 7.86 2.264ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z" />
    </svg>
  );
}

Vue

Vue: see /icons/shopping-bag-sparkle.md

Svelte

Svelte: see /icons/shopping-bag-sparkle.md

HTML img

HTML img: see /icons/shopping-bag-sparkle.md

CSS

CSS: see /icons/shopping-bag-sparkle.md

Data URL

Data URL: see /icons/shopping-bag-sparkle.md

Sprite

Sprite: see /icons/shopping-bag-sparkle.md

SwiftUI

SwiftUI: see /icons/shopping-bag-sparkle.md

Compose

Compose: see /icons/shopping-bag-sparkle.md

Android XML

Android XML: see /icons/shopping-bag-sparkle.md

Flutter

Flutter: see /icons/shopping-bag-sparkle.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

ai shopping assistant, ai product recommendations, ai shopping

Example

Open the AI shopping assistant

Alternatives

tag-sparkle: AI auto-tagging of products or content

Built from

shopping-bag + sparkle

Tags

bag, shop, buy, purchase, retail, store, ecommerce, sparkle

Category

Shopping

Component name

ShoppingBagSparkleIcon

History

2026-10-15 added

Family 5

shopping-bag shopping-bag-check shopping-bag-clock shopping-bag-plus shopping-bag-x

More shopping icons

barcode cash-register gem gift gift-check handbag hanger package package-alert package-arrow-down package-arrow-right package-arrow-up package-check package-clock package-off package-pencil · all shopping icons

For agents

Metadata: /icons/shopping-bag-sparkle.json · Markdown: /icons/shopping-bag-sparkle.md · SVG: https://gentleface.com/svg/{style}/16/shopping-bag-sparkle.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/shopping-bag-sparkle.png

shopping-bag-sparkle icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp