Home/Libraries/Freehand free icons (Iconify)/e-commerce-add-basket-cloud

Freehand free icons (Iconify)

ECommerceAddBasketCloud

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.471 11.403a3.415 3.415 0 0 0-2.736-3.136c.23-.41.54-.798.76-1.228a4.68 4.68 0 0 0 .159-3.535c-1.418-3.874-7.37-5.082-9.496-.798a3.87 3.87 0 0 0-2.446-1.289C7.225 1.057 4.629 3.125 4.988 6.5a4.2 4.2 0 0 0-3.894 1.767c-.998 1.618-.599 3.365.44 4.993c.28.44 2.146 1.767 2.815 1.408a.293.293 0 0 0-.27-.52a4.64 4.64 0 0 1-1.996-1.228c-1.518-2.546-.859-4.333.809-5.192a3.3 3.3 0 0 1 1.937-.34c.277.067.541.182.779.34a.47.47 0 0 0 .659-.45c-.01-.289-.28-.289-.28-.808a3.345 3.345 0 0 1 3.605-3.994c.676.095 1.3.42 1.767.918q.259.393.41.84a.57.57 0 0 0 1.058 0c.179-.68.502-1.314.949-1.858c1.997-2.406 5.99-1.138 6.99 1.478a3.78 3.78 0 0 1 0 2.746c-1 1.997-1.478 1.657-1.488 2.286c0 .12.359.64.778.31c.327-.093.673-.093.999 0a2.73 2.73 0 0 1 1.767 2.287c.13 1.368-.778 1.997-1.947 2.606q-.52.285-1.068.51a.334.334 0 1 0 .25.618q.589-.225 1.148-.52c1.278-.718 2.396-1.547 2.266-3.294"/><path d="M18.269 16.975c-.12 0-.999-.15-1.108-.16a8.4 8.4 0 0 0-.44-1.518a5.6 5.6 0 0 0-1.118-1.598a.294.294 0 0 0-.38.45q.15.827.46 1.607q.255.516.569.999a74 74 0 0 0-9.266.12a5.44 5.44 0 0 0 1.278-2.457c0-.06.06-.11 0-.12a.33.33 0 0 0-.47-.459q-.598.662-1.038 1.438a6.7 6.7 0 0 0-.51 1.618h-.609a.34.34 0 1 0 0 .669h3.425c-.06.697-.06 1.399 0 2.097c-.619 0-2.995-.14-3.375.33l-.09-.26a15 15 0 0 0-.609-1.758a.31.31 0 0 0-.469.32c1.847 6.31 1.298 4.543 1.408 4.863s.4.699 1.148.798c.18 0 4.734.14 7.64-.07c.688-.06 2.336.29 2.775-.519a16 16 0 0 0 1.129-3.764q.238-.694.349-1.418a1.16 1.16 0 0 0-.699-1.208m-4.833.619q-.08.37-.05.749a15 15 0 0 0-.23 1.627l-2.995-.24c-.1-.888-.07-.549-.2-1.387a2.8 2.8 0 0 0-.06-.77a38 38 0 0 1 3.535-.01zm-6.73 5.372l-.879-2.527h2.177l1.178.18c.046.795.18 1.582.4 2.347c-2.047.09-2.696.19-2.876 0m3.824 0c0-.23-.1-.999-.22-2.147q1.357.188 2.727.15c-.1.888-.2 1.787-.2 1.897c-1.468.1-1.598.1-2.307.1m6.99-3.695a25 25 0 0 1-.949 3.405c-1.787 0-1.837.05-2.696.12a9 9 0 0 0 .3-1.877c.53 0 1.997-.28 2.626-.36a.33.33 0 0 0 .17-.09s.15-.589-.28-.579c-.21 0-1.947.09-2.446.09c.084-.786.084-1.58 0-2.366c1.04.008 2.079.099 3.105.27c.1 0 .31.149.43.13c-.05.428-.148.85-.29 1.257z"/><path d="M8.773 10.075a.81.81 0 0 0-.44.918c.13.919 2.717 3.595 3.276 3.925s.998-.17 1.527-.65a34 34 0 0 0 2.756-3.365a.53.53 0 0 0-.399-.798c-.35-.09-1.138-.17-1.628-.23a14 14 0 0 0 .32-2.207a.34.34 0 0 0-.669 0c0 .999-.679 2.516-.39 2.816a5.8 5.8 0 0 0 1.668.36a25 25 0 0 1-2.806 2.995a24 24 0 0 1-2.167-2.406c-.05-.07-.28-.27-.389-.42c.51 0 1.618.28 1.997.1a.7.7 0 0 0 .27-.729c-.09-.489-.42-1.627-.52-1.997s-.34-.769-.27-.998c.07-.23.39-.21.54-.24c.759-.18 1.598 0 2.356-.22a.3.3 0 0 0-.13-.579c-.998.18-3.095-.31-3.504.789c-.22.59.08.679.49 2.996a3.1 3.1 0 0 0-1.888-.06"/></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. ECommerceAddBasketCloudIcon.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.