Home/Libraries/Freehand free icons (Iconify)/shopping-basket-1

Freehand free icons (Iconify)

ShoppingBasket1

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"><path fill="#818cf8" d="M23.23 8.448c-.927-.439-2.544-.439-5.697-.588c0-.08-.34-2.535-.35-2.625c-.2-1.217-.718-3.692.49-3.902c.1 0 .179.05.259.12C19.668 2.86 19.339 7.6 20.387 7.69a.34.34 0 0 0 .379-.34c0-.09-.679-4.989-1.477-6.107C18.809.615 18.27.026 17.463.186a1.84 1.84 0 0 0-1.477 1.387c-.33 1.137.18 2.864.419 3.832c.09.359.41 1.996.569 2.435c-.918 0-6.876-.18-8.572-.21c.918-2.345 1.846-3.552 1.906-5.369A1.82 1.82 0 0 0 9.649.535a2.17 2.17 0 0 0-1.936.23C6.256 1.881 5.568 4.246 5.01 5.873a10 10 0 0 0-.68 1.697h-.26C2.804 7.44.719 7.77.16 9.197a1.557 1.557 0 0 0 .738 2.095l.35.13q.037.388.12.769c.488 4.21.468 9.71 4.34 10.857c1.662.465 3.375.726 5.1.778a34.5 34.5 0 0 0 7.983-.698c3.223-1.068 3.183-4.082 3.602-6.986a21 21 0 0 0 .47-3.253a.344.344 0 0 0-.69 0a22 22 0 0 1-.538 3.104c-.499 2.774-.479 5.318-3.133 6.107c-.886.2-1.788.318-2.695.349a28 28 0 0 1-9.8-.469c-3.612-.928-3.302-7.474-4.15-10.338q1.014.193 2.045.25c.27 0 15.158.139 16.486.109a10.8 10.8 0 0 0 2.335-.26a1.876 1.876 0 0 0 .509-3.293M5.728 6.173c.56-1.157 1.657-3.732 2.685-4.47C9.44.963 9.23 2.7 9 3.697C8.681 4.976 7.593 7.291 7.713 7.69L5.01 7.58c-.07-.2.499-.938.718-1.407m16.845 4.73c-1.776.4-4.61 0-7.195 0c-8.602-.2-11.087 0-13.302-.429c-.669-.13-1.078-.19-.838-.828c.32-.828 2.145-.998 2.754-.948c2.046.13 16.755-.629 18.96.459c.43.21.36 1.577-.379 1.746"/><path fill="#818cf8" d="M7.094 13.368c-.479-.469-1.377.788-1.437 1.996a23 23 0 0 0-.1 2.485c.2 2.993 2.775 3.782 3.344 2.145a10.8 10.8 0 0 0-.58-4.74a5.3 5.3 0 0 0-1.227-1.886m.769 6.616c-.16.05-.3-.11-.44-.23a3.1 3.1 0 0 1-.837-1.766c-.769-5.089 1.337-4.33 1.357.799c0 .04.06 1.197-.08 1.197m9.47-6.416c-1.367 1.317-1.706 3.113-1.856 4.99c-.07.997-.16 1.995.798 2.334a1.996 1.996 0 0 0 2.116-1.147c.718-1.367.449-2.794.369-4.241c-.05-1.148-.948-2.395-1.427-1.936m.499 4.58a3 3 0 0 1-.848 1.836c-.13.12-.27.28-.43.23s-.09-1.188-.08-1.278c.03-5.119 2.136-5.877 1.358-.788m-5.169-4.59c-.23-.25-1.627-.659-1.727 1.437c-.16 3.063-.489 4.42.3 5.319c.788.898 2.604.399 2.425-2.994c-.05-.878-.41-3.094-.998-3.762m-.55 5.987c-.338.1-.298-2.944-.428-4.56c-.13-1.617.688-.28.738 0q.19.989.21 1.996c.01.588-.16 2.474-.52 2.574z"/></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. ShoppingBasket1Icon.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.