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

Freehand free icons (Iconify)

MobileShoppingShopBasket

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="M21.93 3.27c-.75-2-7.8-3.21-10-3.27a13 13 0 0 0-4.92 1.52a6 6 0 0 0-1.75-.12a3.23 3.23 0 0 0-2.89 2.17a4 4 0 0 0 .18 4c.74 1.11 1.71 1.1 2.81.36c.26 2.12 3 1.94 4.57.71a2.44 2.44 0 0 0 3.31 1.46a2.34 2.34 0 0 0 1.11-.83c.1.36.2.68.95 1a2 2 0 0 0 2.06-.16c-.06.28-2.35 11.29-2.74 12.4c0 .13-.41.27-1.35.33c-3.28.25-9.4-1.25-9.55-2.19s.94-7.7 1.17-9.32a.34.34 0 1 0-.67-.13c-.5 2.8-1.58 8.52-1.44 9.58c.3 2.36 10.79 4.29 12.64 2.55a5.1 5.1 0 0 0 2.71-1.65c.38-.54 4.82-15.55 3.8-18.41M8.23 8.21c-.46.15-1.3.27-1.6-.08c-.49-.57.29-3.48.72-4.09a1.26 1.26 0 0 1 .9-.6a.34.34 0 0 0 .34-.34c0-.25-.45-.12 3.1.75a2.46 2.46 0 0 0-1.18.94a2.9 2.9 0 0 0-.38.9a2.56 2.56 0 0 1-1.9 2.52m5.48.36c-.29.27-.43.47-.74.55c-1 .26-1.77 0-2-1A5 5 0 0 1 11.24 6c.61-2.31 1.93-1.75 4.64-1.34c-1.27.95-1.05 2.85-2.17 3.91m1.51.36c-.41-.72.53-3 .89-3.52a1.6 1.6 0 0 1 1-.57l1.22.16c-.13.76-.31 1.73-.53 2.83c-.08.05-1.57 2.86-2.58 1.1m2.26 12.32a3.77 3.77 0 0 1-1.64 1.18C17.01 18.14 19.01 5 19.01 4.8a.33.33 0 0 0-.26-.4a51 51 0 0 0-6.56-1.55C10.08 2.53 8.01 2 6.6 3.4s-.13 2.65-2.14 3.8a.9.9 0 0 1-.54.19a1.12 1.12 0 0 1-.68-.61a3.1 3.1 0 0 1-.09-2.88a2.46 2.46 0 0 1 2.2-1.78c1.15-.16 1.72.28 2-.07A12.7 12.7 0 0 1 11.9.79a24.7 24.7 0 0 1 8.34 2.31c.256.118.472.31.62.55c.72 2.05-3.11 17.17-3.38 17.6"/><path d="M6.43 14.53a.31.31 0 0 0-.35-.14c-.2.06-.31.2-.27 1.52q-.093 1.438 0 2.88c.23.52 1.14.63 1.48.73a24 24 0 0 0 3.35.76c.39.06 1.38.58 1.86-.07a13.7 13.7 0 0 0 1.28-2.59a2.8 2.8 0 0 0 .49-1.6c-.09-.5-.47-.54-.63-.63a4.8 4.8 0 0 0-1.2-.39l.11-.48a2.2 2.2 0 0 0-1.25-2.32a2.6 2.6 0 0 0-1.44-.11a2.35 2.35 0 0 0-1.73 2c-.42-.08-.84-.15-1.23-.24a.35.35 0 0 0-.42.25c-.19.77 1.58.35 6.18 2c.174.05.338.135.48.25a7 7 0 0 1-.41.8c-.24.51-.45 1-.69 1.52c-.68 1.38-.49.6-1.3.5c-1-.11-2.29-.37-3.26-.57c-.19 0-.73-.4-.92-.23c-.09-3.31-.08-3.75-.13-3.84m2.36-.38c.41-1.35 3.09-1.5 2.93.62a25 25 0 0 0-2.93-.62"/><path d="M8.74 15.78c-.22-.06-1 .61-.56 2.1a.34.34 0 0 0 .68 0c.15-.56.39-1.98-.12-2.1m1.86 2.63c.12-.21.5-.38.68-.83a1.6 1.6 0 0 0 .1-1a.3.3 0 0 0-.29-.31a2.4 2.4 0 0 0-1.16 2a.342.342 0 1 0 .67.14"/></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. MobileShoppingShopBasketIcon.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.