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

Freehand free icons (Iconify)

ShoppingBasketRating

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="M16.833 18.51c.416-.308.707-.755.82-1.26a.5.5 0 0 0-.47-.529h-.34a19 19 0 0 1-2.838-.17l-.26-.49c-.22-.45-.44-.869-.68-1.299s-.33-.57-.52-.85a.56.56 0 0 0-.449-.229a.5.5 0 0 0-.44.23a9 9 0 0 0-.54.85c-.24.43-.449.849-.669 1.299l-.27.48q-1.437.19-2.888.17h-.38a.53.53 0 0 0-.49.529c.12.507.418.954.84 1.259q.88.703 1.86 1.26a.8.8 0 0 1 .179.129l-.06.13c-.15.36-.75 1.479-1 2.169a1.8 1.8 0 0 0-.09.61a.43.43 0 0 0 .2.349a1.59 1.59 0 0 0 1.41.17a7.4 7.4 0 0 0 2.248-1.37a7.8 7.8 0 0 0 2.309 1.32a1.68 1.68 0 0 0 1.449-.11a.5.5 0 0 0 .2-.37a1.36 1.36 0 0 0-.1-.63c-.23-.689-.83-1.808-1-2.158v-.17l.14-.08q.961-.549 1.83-1.24m-2.998 1.339q.088.27.22.52q.628 1.092 1.08 2.268a1.5 1.5 0 0 1-1-.13c-1.5-.59-1.909-1.429-2.309-1.149a9.6 9.6 0 0 1-1.908 1.23a1.3 1.3 0 0 1-1.06.07q.485-1.195 1.15-2.3q.129-.245.22-.509a.5.5 0 0 0 0-.29c0-.05-.12-.18-.34-.34s-1.07-.69-1.69-1.179a4 4 0 0 1-.389-.34c.881.03 1.763-.01 2.638-.12a1.2 1.2 0 0 0 .5-.29q.28-.34.45-.749c.22-.42.43-.84.66-1.249c.229.41.439.83.649 1.25q.175.404.45.749c.146.138.324.238.52.29c.871.104 1.75.144 2.627.12l-.4.34c-.609.489-1.348.939-1.698 1.168a1.1 1.1 0 0 0-.34.35a.5.5 0 0 0 .01.29zm-7.616 1.1a.29.29 0 0 0-.37-.15a.28.28 0 0 0-.15.37q.383.771.68 1.58a1.16 1.16 0 0 1-.61-.16a5.8 5.8 0 0 1-1.289-.87a.47.47 0 0 0-.55 0a10 10 0 0 1-1.129.75a1 1 0 0 1-.67.17q.376-.691.82-1.34q.105-.202.17-.42a.6.6 0 0 0 0-.34a1 1 0 0 0-.34-.35c-.23-.15-.74-.449-1.179-.779q.714-.046 1.41-.22a.77.77 0 0 0 .409-.24q.21-.253.33-.559c.14-.3.28-.61.44-.91v-.06c.17.28.33.58.489.88c.077.187.185.36.32.51a.73.73 0 0 0 .34.2a.33.33 0 0 0 .16-.63L5.28 18c-.15-.33-.3-.64-.46-.94a6 6 0 0 0-.37-.629a.38.38 0 0 0-.31-.16a.39.39 0 0 0-.32.16a6 6 0 0 0-.4.61q-.266.453-.509.92l-.17.299q-1.029.076-2.058 0h-.18a.52.52 0 0 0-.49.64a1.7 1.7 0 0 0 .63.999q.608.518 1.289.94a11 11 0 0 0-.77 1.768a.71.71 0 0 0 .24.73a1.48 1.48 0 0 0 1.25.16a5.4 5.4 0 0 0 1.548-1a5.8 5.8 0 0 0 1.59.78a1.29 1.29 0 0 0 1.119-.13a.53.53 0 0 0 .16-.55a13 13 0 0 0-.85-1.699Zm17.778-1.998a.52.52 0 0 0-.49-.56h-.25q-1.027.075-2.058 0l-.17-.3a20 20 0 0 0-.51-.92a6 6 0 0 0-.4-.609a.39.39 0 0 0-.629 0q-.204.303-.37.63c-.16.3-.31.61-.46.94l-.219.379a.33.33 0 0 0 .16.63a.73.73 0 0 0 .34-.2a1.8 1.8 0 0 0 .32-.51c.16-.3.32-.6.49-.88v-.05c.159.3.299.61.439.91q.12.306.33.56a.77.77 0 0 0 .39.23c.48.092.969.138 1.458.14c-.44.33-.999.629-1.179.779a1 1 0 0 0-.34.35a.6.6 0 0 0 0 .34q.066.217.17.42q.444.647.82 1.338a1 1 0 0 1-.67-.17a10 10 0 0 1-1.129-.75a.47.47 0 0 0-.55 0a5.8 5.8 0 0 1-1.289.87a1.16 1.16 0 0 1-.61.16q.299-.808.68-1.579a.279.279 0 0 0-.365-.368a.3.3 0 0 0-.154.148a13 13 0 0 0-.85 1.77a.53.53 0 0 0 .16.549a1.29 1.29 0 0 0 1.12.13a5.7 5.7 0 0 0 1.588-.78c.455.42.979.759 1.55 1a1.48 1.48 0 0 0 1.248-.16a.71.71 0 0 0 .24-.73a11 11 0 0 0-.77-1.769q.704-.448 1.33-.999a1.7 1.7 0 0 0 .63-1Z"/><path d="M2.612 9.196c.175.07.362.107.55.11a8.2 8.2 0 0 0 .08 1.909q.135.66.36 1.299c.21.64.47 1.249.67 1.879a.32.32 0 0 0 .58.1a.33.33 0 0 0 .049-.24a21 21 0 0 0-.36-2.219c-.09-.43-.2-.85-.32-1.269c-.12-.42-.28-1-.39-1.45h15.63c-.11.49-.26 1-.4 1.46s-.22.84-.32 1.27a25 25 0 0 0-.349 2.218a.322.322 0 1 0 .63.14c.2-.63.46-1.24.67-1.88q.218-.637.349-1.298c.11-.644.14-1.298.09-1.949h.12a3.2 3.2 0 0 0 1.14-.32a1.11 1.11 0 0 0 .479-1.209a2 2 0 0 0-.87-1.32a8 8 0 0 0-1.599-.17c.086-.67.031-1.35-.16-1.998a3.6 3.6 0 0 0-.48-1a3 3 0 0 0-.799-.789a3.6 3.6 0 0 0-1.958-.51a2 2 0 0 0-.51-.729a2.9 2.9 0 0 0-1.18-.68a7 7 0 0 0-1.798-.23h-1.28c-.429 0-.849 0-1.268.06a.3.3 0 0 0-.28.3a.3.3 0 0 0 .32.28h1.239c.41 0 .82.06 1.239.11a6.4 6.4 0 0 1 1.519.35c.293.098.56.262.78.48a.8.8 0 0 1 .26.46c0 .09-.07.13-.18.18a1.3 1.3 0 0 1-.53.12h-1.07l-3.487.11q-.35.015-.69-.06a1.13 1.13 0 0 1-.53-.25a.5.5 0 0 1-.05-.5a1.15 1.15 0 0 1 .5-.68a.335.335 0 1 0-.37-.56c-.426.26-.734.676-.859 1.16a5.5 5.5 0 0 0-1.709.77A3.5 3.5 0 0 0 4.91 4.16a5.1 5.1 0 0 0-.349 2.118a.3.3 0 0 0 .07.18c-.82 0-1.609 0-2.338.1a.27.27 0 0 0-.28.29a.29.29 0 0 0 .3.27H5.07c2.188 0 4.517.15 6.476.14h6.495q1.269-.014 2.529.13q.174.286.3.599a2.5 2.5 0 0 1-.74.17q-.707.072-1.42.06l-14.59.38c-.41.07-.829.07-1.239 0a.8.8 0 0 1-.4-.51v-.55a.31.31 0 0 0-.413-.323a.32.32 0 0 0-.216.283a5 5 0 0 0-.04.46q0 .16.06.31a1.4 1.4 0 0 0 .74.929m8.925-2.828c-1.94.08-4.238 0-6.396.08a.22.22 0 0 0 .06-.13a4.9 4.9 0 0 1 .62-1.719q.189-.333.419-.64q.23-.292.5-.55a6.4 6.4 0 0 1 1.059-.839c.036.164.108.317.21.45c.19.186.413.332.66.43c.343.122.704.19 1.069.2l3.498.08h1.169a2.8 2.8 0 0 0 .91-.23a1.25 1.25 0 0 0 .749-.91c.467.15.897.399 1.259.73c.224.182.42.398.58.64q.25.336.42.719c.217.505.352 1.041.399 1.589h-.66c-2.328-.05-5.416.06-6.525.1"/><path d="M11.896 9.676c-.12 0-.32 0-.52 1.209q-.014.2 0 .4v.41c.18 1.139.33 1.259.57 1.249s.3-.13.44-1.26v-.4q.015-.195 0-.39c-.16-1.238-.38-1.218-.49-1.218m4.258.439a6.6 6.6 0 0 0-.75 1.34a5 5 0 0 0-.21.869c-.08.43-.1.86-.18 1.3a.32.32 0 0 0 .21.399a.31.31 0 0 0 .4-.2q.3-.59.54-1.21q.102-.25.18-.509c0-.18.09-.35.12-.53c.08-.41.1-.819.2-1.229a.29.29 0 0 0-.14-.38a.28.28 0 0 0-.37.15m-8.624 0a.28.28 0 0 0-.37-.16a.29.29 0 0 0-.14.38c.1.41.13.82.2 1.23c0 .18.08.35.13.53c.05.179.11.339.17.509q.239.618.539 1.209a.32.32 0 0 0 .61-.2c-.08-.44-.09-.87-.17-1.299a6 6 0 0 0-.22-.87a6 6 0 0 0-.75-1.329"/></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. ShoppingBasketRatingIcon.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.