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

Freehand free icons (Iconify)

ShoppingBasketSmile1

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="M8.441 13.508a.31.31 0 0 0-.39-.16c-.679.07-.409 2.887.25 2.737c.66-.15.39-2.008.14-2.577m6.424 2.378c.12 0 .21-.07.33-.17c.509-.46.479-2.508-.08-2.568a.29.29 0 0 0-.39.15a4.43 4.43 0 0 0-.2 2.248a.34.34 0 0 0 .34.34m-6.214 2.747c.48.512 1.048.932 1.678 1.239a4 4 0 0 0 4.336-1.08c.25-.24.999-.759.999-1.188a.34.34 0 0 0-.34-.34a9.6 9.6 0 0 1-2.907 1.638c-2.577.62-3.716-1.608-3.906-1.658a.32.32 0 0 0-.47.27c-.05.27.47.979.61 1.119"/><path d="M21.238 12.4a44 44 0 0 1-.64 5.294a10.8 10.8 0 0 1-.888 2.867a1.4 1.4 0 0 1-.66.74a18.2 18.2 0 0 1-5.394.778a52 52 0 0 1-8.341-.37c-1.3-.17-1.998-1.648-2.398-3.376a29 29 0 0 1-.69-5.934c-.07-.69-.659-.6-.599 0c-.08 2.478.2 4.955.83 7.353c.519 1.578 1.408 2.717 2.707 2.937c2.825.4 5.68.55 8.531.45a18.7 18.7 0 0 0 5.704-.95c.78-.33 1.409-1.568 1.788-3.227c.421-2.164.662-4.359.72-6.563c-.14-.53-.54-.35-.67 0M4.256 6.715q.166-.446.39-.87q.233-.396.519-.758q.29-.358.62-.68a7.2 7.2 0 0 1 1.388-1.049c.05.217.16.414.32.57c.218.218.48.388.769.5c.405.14.83.214 1.258.22l4.206.08q.694.036 1.389 0a2.7 2.7 0 0 0 1.058-.27a1.39 1.39 0 0 0 .85-1v-.08a4.2 4.2 0 0 1 1.698.88q.379.343.68.759q.3.422.509.899q.15.391.25.799c.27 1.119.789.999.898 0c-.026-.39-.1-.776-.22-1.149a4.5 4.5 0 0 0-.569-1.169a4.1 4.1 0 0 0-.929-.939a4.53 4.53 0 0 0-2.417-.739a2.45 2.45 0 0 0-.59-.869a3.65 3.65 0 0 0-1.348-.74a9 9 0 0 0-2.178-.279h-1.538c-.54 0-1 0-1.529.06a.29.29 0 0 0-.27.29a.29.29 0 0 0 .29.27h1.499c.499 0 .999.06 1.498.11A8.3 8.3 0 0 1 14.665 2c.372.125.713.33.999.6a1 1 0 0 1 .35.619c0 .14-.09.24-.28.33a2 2 0 0 1-.68.16q-.649.036-1.298 0l-4.206.119a3.4 3.4 0 0 1-.839-.08a1.4 1.4 0 0 1-.72-.37a.7.7 0 0 1-.1-.749c.1-.32.304-.598.58-.789a.32.32 0 0 0-.31-.55a2.27 2.27 0 0 0-.998 1.38a6.4 6.4 0 0 0-1.998.998a4.3 4.3 0 0 0-.81.79a4.6 4.6 0 0 0-.569.998c-.179.403-.31.826-.39 1.259c-.05 1.019.6.81.86 0m19.719 3.007a2.18 2.18 0 0 0-.999-1.509a19.6 19.6 0 0 0-3.486-.22c-2.807 0-6.523.1-7.852.14c-8.94.31-3.466-.35-11.128.17a.28.28 0 1 0 0 .56h3.316c2.667 0 5.464.13 7.832.13h7.812a21 21 0 0 1 3.117.17q.169.212.26.469q.055.227.08.46q-.451.163-.93.22c-.589.07-1.238.06-1.718.07l-17.572.379a4 4 0 0 1-1.518 0a1 1 0 0 1-.52-.65a.4.4 0 0 1 0-.19v-.499a.31.31 0 0 0-.27-.35a.33.33 0 0 0-.339.29c0 .2-.06.41-.06.61a.9.9 0 0 0 .07.36a1.6 1.6 0 0 0 .85.998c.289.13 20.648.09 21.197 0a4 4 0 0 0 1.329-.35a1.21 1.21 0 0 0 .53-1.258"/></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. ShoppingBasketSmile1Icon.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.