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

Freehand free icons (Iconify)

ShoppingBasketFavoriteStar

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="M23.998 16.893c-.08-1.129-1.889-.999-3.108-1.139a2 2 0 0 0-.45-.08a10.7 10.7 0 0 0-1.568-2.508c-.74-1-1.42-.64-1.949.44l-.82 1.799c0 .09-.199.24-.239.37a2 2 0 0 0-.37 0a7.6 7.6 0 0 0-2.528.349c-.55.3-.51 1-.05 1.469c.461.388.964.723 1.5 1c.347.245.741.419 1.158.509a.33.33 0 0 0 0-.66l-.76-.41c-.629-.46-.998-.51-1.498-1.219c0 0 2.238-.13 2.678-.14c.68 0 .65-.57 1.999-3.057q.577.736 1.009 1.569q.3.729.72 1.399c.299.32.808.21.998.24a11 11 0 0 1 1.999.26c-.661.48-1.375.882-2.128 1.198a.66.66 0 0 0-.25.7c.266.83.44 1.689.52 2.558a7.8 7.8 0 0 1-2.469-1.849a.47.47 0 0 0-.66 0c-.639.49-1.818 2.538-2.757 2.488c.07-.15-.1-.21.16-.889s.839-1.429.38-1.599a.29.29 0 0 0-.37.17c-.19.48-.41.8-.58 1.2a3.1 3.1 0 0 0-.28 1.348c.15.59 1 .53 1.56.21a6.9 6.9 0 0 0 1.708-1.549q.294-.201.56-.44a9.5 9.5 0 0 0 2.118 1.73c.54.299 1.079.669 1.469.259s.17-.73.18-1a10.4 10.4 0 0 0-.4-2.597c.87-.39 2.588-1.19 2.518-2.129"/><path d="M11.437 17.763a23.6 23.6 0 0 1-7.054-.54c-1.549-.41-1.999-2.738-2.249-4.357c-.46-2.458-.32-1.698-.35-2.078c1.56.27 13.12.21 13.22.21a3 3 0 0 0-.309.79c-.07.359-.22 1.998-.21 1.898a.331.331 0 0 0 .66.05c.72-1.56.809-2.418.69-2.798q.445-.034.878-.15a1.51 1.51 0 0 0 .29-2.578a3.3 3.3 0 0 0-1.109-.27a4.93 4.93 0 0 0-1.809-4.716a2.4 2.4 0 0 0-1.289-.52c-.08-1.199-.999-1.599-2.188-1.559l-3.747.17a.33.33 0 0 0 0 .66c3.587.11 4.147.05 4.586.3a.54.54 0 0 1 .23.519v.34c-.29.67-2.088.4-2.888.48c-.53.07-2.338.42-2.618 0a1.31 1.31 0 0 1 0-1.29a.293.293 0 0 0-.42-.41a2 2 0 0 0-.17 2.09c.49.928 2.28.699 3.328.649c1.05-.05 3.488.5 3.887-1.28c.27.11.2-.06.74.53A7.86 7.86 0 0 1 15.265 7.9a.33.33 0 0 0 0 .66c.502.028.997.133 1.468.31c.27.15.21 1.069-.21 1.169a15.8 15.8 0 0 1-3.816 0c-12.351-.22-10.133-.25-11.562-.56c-.14-.15.08-.56.28-.65a3.6 3.6 0 0 1 1.499-.3c.45 0 7.084-.33 10.912-.17a.29.29 0 1 0 0-.579c-3.418-.28-11.212-.27-11.292-.27a11.3 11.3 0 0 1 1.919-3.367c.87-.66.8-.68.8-.8a.33.33 0 0 0-.33-.34c-.36 0-.79.33-1 .5A4.67 4.67 0 0 0 1.935 7.58A2 2 0 0 0 .116 8.81a1.29 1.29 0 0 0 .58 1.678q.195.1.41.15q.012.247.06.49c.259 2.888.18 6.415 2.927 7.164a20.6 20.6 0 0 0 3.347.38c1.36.033 2.721-.051 4.067-.25a.332.332 0 0 0-.07-.66"/><path d="M4.693 12.407c-.86-.34.17 4.177.999 3.827a.33.33 0 0 0 .25-.24c.17-.33-.79-3.797-1.25-3.587m7.585 0c-.46-.21-1.42 3.257-1.27 3.587a.33.33 0 0 0 .24.21c.86.38 1.89-4.137 1.03-3.797m-3.857-.3c-.06 0-.16 0-.2.14a7.46 7.46 0 0 0-.13 3.747a.39.39 0 0 0 .33.42c.76 0 .44-3.118.29-4.057c-.11-.22-.21-.28-.29-.25"/></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. ShoppingBasketFavoriteStarIcon.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.