Home/Libraries/Freehand free icons (Iconify)/shopping-cart-trolley

Freehand free icons (Iconify)

ShoppingCartTrolley

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="M13.671 12.997c.15-.91.31-1.83.41-2.75h.21c.08 0 .39.12.73.19c.66-.2.63-.5.15-.86a10 10 0 0 0-1-.17q.082-1.167.28-2.32c-.06-1-.79-.83-1.07 0q.009.095 0 .19c-.12.67-.24 1.35-.34 2c-1.13-.06-.92 0-3.38 0c0-.2-.24-1.32-.38-2.12s-.79-.83-.85 0c0 .5 0 1.12.08 2.12c-.67 0-.88 0-2.9.16a18 18 0 0 0-.46-2.2c-.4-.73-1.15-.48-1.15.1c.17.9.08.57.35 2.27a5.5 5.5 0 0 1-1.59 0c-1 .09-1.13.82.21.94h1.53c.25 1.59.28 1.84.47 2.77a3.55 3.55 0 0 1-1.65 0c-.44-.19-1.3 1 1.85.79c.118.45.286.887.5 1.3a.36.36 0 0 0 .64-.32a4 4 0 0 1-.29-1c.85-.06 1.27 0 3.32-.07q.253.656.36 1.35a.36.36 0 1 0 .72 0a6 6 0 0 0-.17-1.37h2.32c-.18 2.25 1.34 1.4.8.87c-.11-.13 0-.77.07-.94c.63-.09.87-.08 1.18-.14s.52-.77.14-.8s-.49.01-1.09.01m-7.77.15c0-.31-.16-2-.22-2.57h2.9q.12 1.156.42 2.28a30 30 0 0 0-3.1.3zm6.78-.15c-.85 0-1.75-.11-2.61-.15c-.05-.42-.24-2-.29-2.38c1.44-.09 2.24-.19 3.09-.22c-.12 1.37-.18 2.75-.19 2.75"/><path d="M22.792.646a9 9 0 0 0-3.32-.05c-1.58.49-1-.55-2.56 4.38c-.66 2.5-2.21 10.541-2 10.861c-9.4.15-9.54.34-12.07-.39c.07-.2-.17-.74-.19-.83c-1.34-6.15-1.72-6.69-1.35-7.78a83 83 0 0 1 14.29-1.12a.327.327 0 1 0 .41-.51c-.58-.43-11.46.08-11.37.08a8.6 8.6 0 0 0-3.89.5c-1.05.48-.74 2.79-.53 3.88c.79 2.95.5 1.78 1.28 5.15c.06.31.07 1.09.37 1.38c1.49 1.43 9 .39 12.86.37c-.21.71-.29 1.14-.9 1.31a10 10 0 0 1-2 0c-2.89.14-5.67-.46-10 0a.321.321 0 0 0-.05.64a2.55 2.55 0 0 0-1.45 1.48c-.5 1.38.88 3.09 2.27 3.45c2.77.71 4.87-3.14 2.76-4.77q.46.01.92.07a22.2 22.2 0 0 0 6 .24c-1.87 1.79.06 4.44 2.47 4.17c2.65-.31 2.48-4.55.21-4.93c.67-.8.38-1.56 1.44-5.53a86 86 0 0 0 1.81-8.92c.48-.12 3.71.18 4.39.14a1.68 1.68 0 0 0 .2-3.27m-17.85 20.57a1.89 1.89 0 0 1-3.29.28a1.45 1.45 0 0 1-.47-1.24a1.58 1.58 0 0 1 .51-.85c1.73-1.53 4.31-.17 3.25 1.81m10.77-.94c.3 2.8-3.4 1.67-3.08 0c.26-1.34 2.84-2.21 3.08 0m6.77-17.54c-.68.09-3.05.11-4.13.25a7.2 7.2 0 0 1 .36-1.53c.1.15.69-.07.94-.12a9.1 9.1 0 0 1 2.87.43c.4.12.35.93-.04.97"/></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. ShoppingCartTrolleyIcon.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.