Home/Libraries/Freehand free icons (Iconify)/shopping-bag-sad

Freehand free icons (Iconify)

ShoppingBagSad

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M5.85 18.741c.05-.26.598-.529.808-.648a5.3 5.3 0 0 1 1.866-.53c2.913-.428 3.282 1.288 3.891 1.637c1.317.998-.18-3.562-4.09-2.774c-1.138.23-2.994 1.298-3.084 2.235a.31.31 0 0 0 .609.08m.828-6.964c-.549-.639-1.088 1.856-.45 2.205a.36.36 0 0 0 .49 0a2.06 2.06 0 0 0-.04-2.205m5.388 2.235a.35.35 0 0 0 .34.349c.438 0 1.097-2.046.758-2.475c-.14-.19-.23-.299-.36-.26c-.13.04-.329 0-.359.24a3.05 3.05 0 0 0-.38 2.146m8.901-3.792c-.349-1.128-.998-2.993-1.995-3.692c-.818-.34-.729.48-.2.848c1.148 1.297 2.076 5.139 3.313 9.55a27.4 27.4 0 0 1 .688 5.168c0 .19 0 .419-.578.11c-.829-.42-1.846-1.497-2.216-1.607c0-.09.53-5.378-.439-7.124a.35.35 0 0 0-.668 0c.28 2.933-.1 1.167.399 7.523c-.07.1.12 0-1.387.549c-.738.549-.698.798 0 .798l.509-.2a4 4 0 0 0 1.467-.548q.223.162.469.29a5.2 5.2 0 0 0 2.255 1.406c.528 0 .997-.19 1.207-.998c.11-5.647-1.596-8.192-2.824-12.073"/><path d="M17.843 6.897a.56.56 0 0 0-.16-.529a1.2 1.2 0 0 0-.708-.19L15.09 6.03a7.4 7.4 0 0 0-.948-2.883a4.24 4.24 0 0 0-1.826-1.727a4.062 4.062 0 0 1 5.368 3.912a.348.348 0 0 0 .345.408a.35.35 0 0 0 .344-.408c.1-1.267-.818-4.99-4.23-5.309a4.7 4.7 0 0 0-3.383.998a5.04 5.04 0 0 0-3.762 1.457C5.61 3.974 5.73 6.388 5.9 8.464a.3.3 0 0 0 .6 0a14 14 0 0 1 0-1.457c.418 0 2.514-.11 3.352-.14s2.534.16 4.59.16q.096.615.11 1.237a.35.35 0 0 0 .688 0q.039-.633 0-1.267l1.996-.07c0 .09-.998 8.082-1.218 11.455a35 35 0 0 0-.08 3.832a31 31 0 0 1-8.79.518H4.852c-1.996-.08-3.522-.997-3.453-1.387v-1.157c.08-1.048.749-4.8.898-5.548c.679-3.303.639-1.746 2.176-7.743c.25-.14.2-.748-.2-.748s-.31.619-1.327 3.672a38 38 0 0 0-1.537 4.61c-.23.998-.997 4.64-1.097 5.647c-.3 2.644.02 2.525 1.087 2.914c.44.16.859.35 1.298.499a13.5 13.5 0 0 0 4.3.399a27.6 27.6 0 0 0 6.655-.21c2.645-.429 2.844-.369 3.104-.828c.389-.3 1.097-15.825 1.087-15.955M6.598 6.31c.24-2.146.808-3.533 3.123-3.992a6.2 6.2 0 0 0-.659 1.487c-.14.489-.309 1.128.19 1.287a.3.3 0 0 0 .38-.19a3.28 3.28 0 0 1 1.356-2.673c1.876.15 2.814 1.895 3.263 3.731a21.7 21.7 0 0 0-7.653.35"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. ShoppingBagSadIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.