Home/Libraries/Freehand free icons (Iconify)/e-commerce-online-shop

Freehand free icons (Iconify)

ECommerceOnlineShop

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="M12.41 4.537a1.6 1.6 0 0 0-.491 0q-.362.045-.682.22a1.92 1.92 0 0 0-1.001 1.302a.32.32 0 0 0 .18.421a.33.33 0 0 0 .42-.19c.16-.292.42-.516.732-.631c1.162-.34 1.572.22 1.672.36a.37.37 0 1 0 .651-.34a1.77 1.77 0 0 0-1.482-1.142"/><path d="M7.021 4.417a6.4 6.4 0 0 1 1.242-1.723a4.9 4.9 0 0 1 1.763-1.081a5.9 5.9 0 0 1 2.113-.371a6.4 6.4 0 0 1 2.133.33a5.32 5.32 0 0 1 3.245 2.775a.37.37 0 1 0 .681-.27A6.13 6.13 0 0 0 14.643.49A6.6 6.6 0 0 0 12.099 0a6.5 6.5 0 0 0-2.544.56a5.8 5.8 0 0 0-1.943 1.532A6.6 6.6 0 0 0 6.41 4.167a.32.32 0 0 0 .17.42a.32.32 0 0 0 .441-.17"/><path d="M15.965 5.659a.36.36 0 0 0 .672.012a.38.38 0 0 0 .009-.283a4.55 4.55 0 0 0-2.614-2.704a4.8 4.8 0 0 0-1.903-.38a4.5 4.5 0 0 0-1.903.43a4.2 4.2 0 0 0-1.422 1.172a5.2 5.2 0 0 0-.872 1.552a.32.32 0 0 0 .17.421a.33.33 0 0 0 .431-.17c.233-.453.545-.86.922-1.202a3.3 3.3 0 0 1 1.222-.721a4.4 4.4 0 0 1 1.482-.25a5 5 0 0 1 1.492.22a3.8 3.8 0 0 1 2.314 1.903m5.708 6.43a5.6 5.6 0 0 0-1.131-2.564a5.4 5.4 0 0 0-2.003-1.533a.31.31 0 0 0-.26-.24a8.6 8.6 0 0 0-1.603-.22h-4.998c-1.352.06-2.674.23-4.006.39a.32.32 0 0 0-.31.34a.33.33 0 0 0 .34.311c1.332 0 2.654.14 4.006.16h2.674c.892 0 1.783-.21 2.674-.24a7 7 0 0 1 1.002 0c.692.392 1.277.95 1.702 1.623c.408.653.652 1.395.712 2.163q.06.403.06.811a1.5 1.5 0 0 1-.12.631a1.54 1.54 0 0 1-1.393 1.002A1.91 1.91 0 0 1 17.297 14a.37.37 0 0 0-.2-.15c0-.35.05-.7 0-1.061a5 5 0 0 0-.06-.561c0-.19-.09-.37-.14-.551c-.141-.43-.321-.831-.502-1.252a.37.37 0 0 0-.71.19c0 .441 0 .872.07 1.322q.02.438.13.862q.14.514.36 1.001c-.5.308-1.054.52-1.632.621c-.332.05-.67.05-1.002 0a1.63 1.63 0 0 1-1.202-.64q.072-.55.08-1.103a5 5 0 0 0-.08-.75c-.06-.391-.16-.752-.2-1.132a.38.38 0 0 0-.34-.401a.38.38 0 0 0-.401.34a7 7 0 0 0-.22 1.212a3 3 0 0 0 .07 1.002q.11.35.27.68s-.06 0-.07.061a1.86 1.86 0 0 1-1.813.811a4.5 4.5 0 0 1-.68-.08a2.56 2.56 0 0 1-1.403-.65q.229-.522.4-1.063c0-.23.06-.46.08-.7q.01-.529.08-1.052a.38.38 0 0 0-.21-.48a.37.37 0 0 0-.48.21a5 5 0 0 0-.531 1.071a2.6 2.6 0 0 0-.12.48q-.03.247 0 .491q.037.507.15 1.002q-.271.245-.58.44q-.287.173-.612.251a2.4 2.4 0 0 1-1.452-.23c-.38-.17-.721-.43-.721-.822a3.7 3.7 0 0 1 .22-1.312c.15-.447.348-.877.591-1.281A7.9 7.9 0 0 1 6.44 8.633a.32.32 0 0 0 .12-.44a.32.32 0 0 0-.54-.08a7.7 7.7 0 0 0-3.005 2.623a4.8 4.8 0 0 0-.771 2.715a2 2 0 0 0 1.182 1.572c.783.397 1.686.49 2.533.26q.346-.09.661-.26q.373-.265.681-.6c.346.532.845.948 1.433 1.19c.302.108.62.165.941.171q.324.003.641-.07a2.6 2.6 0 0 0 1.552-1.232a2.25 2.25 0 0 0 1.523 1.152c.515.1 1.048.058 1.542-.12a4.5 4.5 0 0 0 1.693-1.092a.16.16 0 0 0 .1 0a2.81 2.81 0 0 0 2.313 1.222a2.66 2.66 0 0 0 2.474-1.422c.133-.287.211-.596.23-.912a4.5 4.5 0 0 0-.07-1.221M4.848 22.685a.36.36 0 0 0 .277-.298a.4.4 0 0 0-.007-.143a8.4 8.4 0 0 1-.1-1.212v-2.434c0-.83-.06-1.662-.1-2.523a.32.32 0 0 0-.3-.34a.31.31 0 0 0-.341.3c-.15.74-.34 1.452-.44 2.183a8 8 0 0 0-.07 1.001q-.033.501 0 1.002c.083.771.264 1.528.54 2.253a.34.34 0 0 0 .54.21"/><path d="M18.699 16.215a.32.32 0 0 0-.34.31c-.13.742-.291 1.463-.361 2.214v1.482c0 .48.11 1.002.12 1.552a5.4 5.4 0 0 1 0 1.002a.12.12 0 0 0 0 .08a7 7 0 0 1-1.212.12h-1.242l.27-2.834q.105-.672.1-1.352a2.5 2.5 0 0 0-.28-1.002a1.6 1.6 0 0 0-.72-.76a4 4 0 0 0-1.002-.361a12.5 12.5 0 0 0-1.903-.24a12 12 0 0 0-1.923.07a4 4 0 0 0-1.002.23a1.7 1.7 0 0 0-.75.53c-.326.45-.527.98-.582 1.533a19 19 0 0 0 0 2.123v1.903c-.46 0-.921.05-1.382.05q-.857.015-1.712-.06a.32.32 0 1 0-.09.63q.874.183 1.762.271c.891.08 1.763.13 2.644.2s1.583.08 2.374.09s1.592 0 2.393-.07c.802-.07 1.773-.05 2.654-.12a9.3 9.3 0 0 0 1.833-.3a.33.33 0 0 0 .26-.37c.17-.13.361-.501.501-1.343c.08-.52.1-1.051.16-1.592c.06-.54 0-1.002 0-1.472c0-.741-.14-1.473-.19-2.214a.322.322 0 0 0-.38-.3m-4.958 6.62H12.1c0-.39.08-.771.12-1.182v-1.332c0-.54-.13-1.072-.2-1.592a.37.37 0 0 0-.511-.332a.36.36 0 0 0-.22.342c-.07.53-.18 1.061-.24 1.612a6 6 0 0 0 0 1.102q.07.699.27 1.372H8.463l.13-1.853q.027-1.007.18-2.003c.058-.37.217-.717.461-1.001a.7.7 0 0 1 .37-.17q.337-.081.682-.09q.871-.07 1.743 0q.868.018 1.722.18q.33.042.651.14a.67.67 0 0 1 .34.23c.106.175.174.369.201.57q.045.587 0 1.173l-.08 2.884z"/></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. ECommerceOnlineShopIcon.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.