Home/Libraries/Freehand free icons (Iconify)/e-commerce-click-buy

Freehand free icons (Iconify)

ECommerceClickBuy

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.954 16.92c-.442-.86-.97-1.673-1.576-2.426a3.87 3.87 0 0 0-1.706-1.147a1.54 1.54 0 0 0-.928.07c-.49.15-1.078.449-1.597.638c-.29.11-.539.23-.698.12a2.2 2.2 0 0 1-.49-.519c-.398-.549-.728-1.237-1.077-1.706a5.4 5.4 0 0 0-1.507-1.457a1.656 1.656 0 0 0-2.504.888a2.35 2.35 0 0 0 .11 1.647q.293.677.738 1.267q1.001 1.16 1.866 2.425c.17.279.359.568.509.858q.12.21.2.439a17 17 0 0 0-1.996-.719a1.64 1.64 0 0 0-.908.09a1.11 1.11 0 0 0-.699.928c-.03.703.155 1.4.529 1.996a4.14 4.14 0 0 0 1.417 1.307c1.167.658 2.564.698 3.941 1.327a.28.28 0 0 0 .37-.13a.28.28 0 0 0-.13-.38c-1.138-.568-2.315-.707-3.343-1.166a3.57 3.57 0 0 1-1.606-1.387a2.9 2.9 0 0 1-.35-1.048c0-.27 0-.559.19-.649a1 1 0 0 1 .708.07a9.3 9.3 0 0 0 2.425.828a.5.5 0 0 0 .509-.499a4.4 4.4 0 0 0-.07-.758a4 4 0 0 0-.29-.738c-.159-.31-.348-.609-.518-.898a28 28 0 0 0-1.926-2.545a5.3 5.3 0 0 1-.619-1.047a1.46 1.46 0 0 1-.12-.799a.74.74 0 0 1 .35-.529c.31-.18.629 0 .928.19c.375.287.71.623.998.998c.359.449.708 1.137 1.117 1.666c.202.273.448.509.729.699a1.28 1.28 0 0 0 1.037.2q.838-.283 1.627-.68a1.45 1.45 0 0 1 .828-.229c.54.163 1.027.47 1.407.888c.593.7 1.111 1.459 1.547 2.265a.31.31 0 0 0 .429.11a.318.318 0 0 0 .15-.459"/><path d="M9.985 12.738H7.89c-.56 0-1.108.06-2.106.14a7.4 7.4 0 0 1-2.155-.05a2.7 2.7 0 0 1-1.188-.579A5.08 5.08 0 0 1 .975 8.26a8 8 0 0 1 1.137-4.272a4.7 4.7 0 0 1 2.694-1.476a21 21 0 0 1 5.08-.38c1.346 0 2.763-.12 4.17-.11c.9-.002 1.8.082 2.684.25a4.3 4.3 0 0 1 1.647.778c.461.359.808.844.997 1.397a14.4 14.4 0 0 1 0 4.41a4.54 4.54 0 0 1-1.097 2.605a.33.33 0 0 0 0 .449a.32.32 0 0 0 .449 0a5.3 5.3 0 0 0 1.357-2.943c.29-1.581.327-3.198.11-4.79a3.7 3.7 0 0 0-1.238-1.846a5.1 5.1 0 0 0-1.995-.948a15 15 0 0 0-2.894-.33h-4.19a21.6 21.6 0 0 0-5.33.4A5.56 5.56 0 0 0 1.284 3.37A8.8 8.8 0 0 0 .007 8.26a5.92 5.92 0 0 0 1.906 4.639c.444.36.973.6 1.536.698a8.2 8.2 0 0 0 2.375 0c.998-.1 1.517-.16 2.066-.19s1.097-.07 2.095-.119a.27.27 0 0 0 .27-.28a.27.27 0 0 0-.27-.269"/><path d="M5.615 4.796a1.31 1.31 0 0 0-1.367-.589a1.24 1.24 0 0 0-1.068.738a4.2 4.2 0 0 0 0 2.335l.17.669l.269.808l.26.639a.34.34 0 0 0 .12.369a2 2 0 0 0 1.755.18a2.9 2.9 0 0 0 1.417-.998c.29-.385.441-.856.43-1.338a1.65 1.65 0 0 0-.39-.997a2 2 0 0 0-1.447-.57a1.74 1.74 0 0 0-.15-1.246M3.838 6.71a4.2 4.2 0 0 1 0-.937c.05-.31.15-.6.49-.62s.398.09.428.26c.039.288-.032.58-.2.819a2.2 2.2 0 0 0-.718.478m2.685.57a.75.75 0 0 1 .21.538a1.45 1.45 0 0 1-.22.679a2.1 2.1 0 0 1-.998.768c-.35.14-.739.14-1.088 0l-.23-.689l-.12-.538q.14-.072.26-.17l.29-.21q.25-.18.459-.409l.18-.21h.06a1.33 1.33 0 0 1 1.197.24m4.989-2.443a.31.31 0 0 0-.38-.23a.31.31 0 0 0-.23.38c.095.546.122 1.102.08 1.656a3.05 3.05 0 0 1-.428 1.397a.76.76 0 0 1-.52.319a.45.45 0 0 1-.438-.16a2.4 2.4 0 0 1-.39-.788a6 6 0 0 1-.199-.998a4 4 0 0 1 0-.848q.047-.443.14-.878a.28.28 0 0 0-.54-.14q-.183.54-.308 1.098q-.083.395-.09.798a4.9 4.9 0 0 0 .12 1.417c.077.355.22.693.419.998a1.44 1.44 0 0 0 1.456.578a1.78 1.78 0 0 0 1.208-.828a3.6 3.6 0 0 0 .379-1.566a7.1 7.1 0 0 0-.28-2.205m2.794 2.724c0 .618.13 1.407.16 1.596a.318.318 0 0 0 .45.346a.32.32 0 0 0 .179-.346l.24-1.996l.638-.808c.24-.399.459-.778.728-1.147q.156-.236.34-.45a.278.278 0 0 0-.39-.398c-.23.17-.429.349-.628.528c-.2.18-.57.55-.868.839q-.165.19-.36.349c-.07-.11-.13-.23-.21-.34a4 4 0 0 0-.259-.329a3 3 0 0 0-.279-.299c-.24-.23-.499-.4-.738-.649a.28.28 0 0 0-.48.28c.113.402.284.785.51 1.137q.217.286.489.52q.223.205.478.368a3.4 3.4 0 0 0 0 .799"/></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. ECommerceClickBuyIcon.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.