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

Freehand free icons (Iconify)

ShoppingBasketLike

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="M15.68 10.967a1.41 1.41 0 0 0 .311-2.411a3.1 3.1 0 0 0-1-.26c.24-3.071-1.47-4.822-2.921-4.932a1.42 1.42 0 0 0-.5-1.07c-.74-.58-1.68-.39-5.112-.27a.31.31 0 1 0 0 .62c4.241.13 4.601-.11 4.501 1.1c-.27.63-2 .38-2.72.45c-.54.07-2.201.39-2.461 0a1.21 1.21 0 0 1 .09-1.17a.28.28 0 0 0-.39-.39a1.84 1.84 0 0 0-.25 1.95c.46.87 2.14.65 3.13.61s3.282.461 3.632-1.17c.09 0 .25.06.28.08a7 7 0 0 1 2 4.172a.31.31 0 0 0 0 .61c1.27.14 1.721.14 1.56.87c0 .22-.12.44-.33.49a15 15 0 0 1-3.59 0c-11.604-.22-9.523-.22-10.864-.5c-.13-.14.08-.53.27-.61a3.4 3.4 0 0 1 1.4-.29c.43 0 6.673-.3 10.284-.15a.28.28 0 0 0 0-.55c-3.101-.26-10.553-.26-10.633-.25a10.6 10.6 0 0 1 1.8-3.171c.82-.63.76-.64.76-.75a.31.31 0 0 0-.31-.31c-.34 0-.75.31-1 .46a4.37 4.37 0 0 0-1.87 3.84a4.4 4.4 0 0 0-.84.24a1.5 1.5 0 0 0-.641 2.232c.2.205.459.344.74.4c0 .27 0-.42.22 2.2c.43 4.732 1.46 5.182 5.762 5.362a22 22 0 0 0 3.831-.23a.312.312 0 1 0-.07-.62c-2.23.16-4.473-.016-6.652-.52c-1.46-.39-1.85-2.581-2.11-4.102c-.44-2.32-.31-1.6-.34-2c1 .17.54.15 10.223.15c1.27.125 2.55.088 3.81-.11"/><path fill="#818cf8" d="M4.387 12.507c-.81-.32.16 3.931.95 3.591c.07 0 .19-.05.23-.19c.15-.34-.75-3.6-1.18-3.4m7.143-.001c-.43-.2-1.33 3.061-1.18 3.401c0 .14.15.16.23.19c.79.34 1.76-3.911.95-3.59m-3.632-.281c-.06 0-.15 0-.19.12a7.1 7.1 0 0 0-.12 3.511a.36.36 0 0 0 .31.39c.72 0 .42-2.94.27-3.82c-.1-.181-.18-.231-.27-.201m16.096 3.711a.25.25 0 0 0-.3-.2c-.73.13-2.941-1.19-3.542-.32c-.57-1.05-.16-1.81-.17-2.71a1.56 1.56 0 0 0-1.15-1.681c-1.05-.15-1.61 1.42-1.86 2.19c-.07.21-.09.52-.33.55s-.15-.09-1.111-.28c-.74-.15-1.59-.34-2.15.3s-.461 1.641-.491 2.721c0 .85-.21 2.001.53 2.651c1.25 1 3.431.25 5.912 1.25c.3.89.66.82 4.001 1.691a.285.285 0 0 0 .1-.56s-2.57-.89-2.79-1s-.45-.14-.46-.8q.258-1.967.74-3.892c.708.046 1.411.157 2.1.33c.37.11 1.05.16.97-.24m-4.752 3.431a13.1 13.1 0 0 0-3.851-.56c-1.66-.16-1.55-.45-1.55-1.43a19 19 0 0 1 .15-2.731c.19-.66 1.28-.3 1.76-.19c.64.15 1.37.4 1.78-.31c.26-.44.5-1.87 1.06-2.221c.25-.15.431.13.521.36c.37 1-.66 2.13.84 3.761a19 19 0 0 0-.72 3.321z"/></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. ShoppingBasketLikeIcon.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.