Home/Libraries/Freehand free icons (Iconify)/shopping-basket-arrow-out

Freehand free icons (Iconify)

ShoppingBasketArrowOut

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="M9.857 11.825a.27.27 0 0 0 .26-.3a8.2 8.2 0 0 1 .29-3.113c.149-.369.362-.708.631-1c.055.318.152.628.29.92A1.83 1.83 0 0 0 12.6 9.403a1.44 1.44 0 0 0 1.781-1.06a2.43 2.43 0 0 0-.8-2.663a1.7 1.7 0 0 0-1.512-.09c.14-.559.367-1.092.67-1.581a14 14 0 0 1 2.003-2.442l.06 1.23l.17 1.472a.31.31 0 0 0 .34.29a.32.32 0 0 0 .3-.34V2.788l.13-1.592a4 4 0 0 0-.07-.52a1.3 1.3 0 0 0-.23-.44a.56.56 0 0 0-.44-.23a2 2 0 0 0-.29 0l-.831.08q-.778.108-1.562.14h-1.6a.29.29 0 0 0-.311.25a.29.29 0 0 0 .25.31c.64.11 1.301.22 2.002.28c.45 0 .9.06 1.33.06h.161a14.7 14.7 0 0 0-2.152 2.422a6.1 6.1 0 0 0-1 2.662a3.9 3.9 0 0 0-1.302 1.922a8.5 8.5 0 0 0-.12 3.393a.27.27 0 0 0 .28.3m2.563-5.334a.69.69 0 0 1 .62.08a1.2 1.2 0 0 1 .38 1.17c0 .351-.2.701-.6.611s-.53-.38-.66-.73a3.4 3.4 0 0 1-.2-.931q.22-.122.46-.2"/><path d="M17.003 7.462c.27-.095.562-.095.831 0c.28.15.47.5.83 1.11c.385.907.637 1.865.751 2.843c.042.295.042.595 0 .89c-.05.19-.13.34-.32.37s-.7 0-1.341.051h-5.705c-1.371.06-3.052 0-4.474 0a23 23 0 0 1-2.352-.16h-.3a1.5 1.5 0 0 1-.07-.29a10 10 0 0 1 .47-2.513c.092-.65.374-1.26.811-1.751c.17-.104.362-.166.56-.18q.336-.036.671 0a.27.27 0 0 0 .3-.25a.28.28 0 0 0-.24-.31a3.4 3.4 0 0 0-.94 0a1.8 1.8 0 0 0-.631.2c-.6.3-1.281 1.781-1.641 3.162a6 6 0 0 0-.22 2.122a.73.73 0 0 0 .28.46c1.037.325 2.116.5 3.202.52c1.452.09 3.163.12 4.564.08c.54 0 3.063 0 5.004-.08a20 20 0 0 0 2.202-.14c.72-.15 1.061-.79 1.061-1.68a10.6 10.6 0 0 0-1-3.704a3.6 3.6 0 0 0-1.152-1.33a1.85 1.85 0 0 0-1.26 0a.32.32 0 0 0-.24.38a.31.31 0 0 0 .35.2M8.386 17.32c-.34-1.081-.84-.89-.81 0v.56a6 6 0 0 1-.12 1.532l-.13.47l-.2.29c0-.06-.081-.15-.121-.21a4 4 0 0 1-.36-.86l-.39-1.382c0-.14-.06-.29-.1-.43c-.371-1.091-.771-.67-.801 0c0 .19 0 .39.06.59l.26 1.482c.082.363.206.716.37 1.05c.135.294.35.544.62.721a.94.94 0 0 0 1.332-.25q.108-.129.2-.27a2 2 0 0 0 .17-.31q.062-.152.1-.31c0-.101 0-.201.06-.401a7 7 0 0 0 0-1.782c-.08-.16-.11-.33-.14-.49m4.174 0v.71a6.7 6.7 0 0 1-.38 1.722a1 1 0 0 1-.461.55c-.09 0-.16-.05-.22-.19a2.2 2.2 0 0 1-.22-.81c-.07-.51-.07-1.001-.1-1.502v-.48c-.14-1.051-.721-1.001-.781 0v.5c0 .48-.08 1.001-.06 1.572c.014.398.099.791.25 1.16a1.19 1.19 0 0 0 1.231.821a1.84 1.84 0 0 0 1.391-1.28a7.1 7.1 0 0 0 .29-2.002v-.761c-.21-1.081-.87-.971-.94-.01m4.443 0c-.06.22-.11.44-.18.66a6 6 0 0 1-.69 1.552l-.31.41l-.27.23a3 3 0 0 0 0-.29a5 5 0 0 1 0-.95l.16-1.392v-.24c0-1.081-.671-1.111-.801 0v.14l-.31 1.341a5.3 5.3 0 0 0-.08 1.371c.018.264.104.52.25.74c.26.391.7.611 1.39.161l.471-.42l.37-.61c.232-.443.413-.91.54-1.392q.174-.668.271-1.351c.19-1.051-.49-.931-.81.04"/><path d="M22.868 13.737a16.7 16.7 0 0 0-.6-3.003c-.19-.81-.43-1.791-.7-2.712a19 19 0 0 0-.561-1.832a5 5 0 0 0-.43-1a.83.83 0 0 0-.581-.43l-1.691-.15h-1.122a.32.32 0 1 0 0 .63c.41 0 .751 0 1.071.06l1.592.18c.18.37.38.81.45 1c.19.511.37 1.112.54 1.732c.25.921.461 1.892.631 2.692c.05.25.26 1.001.39 1.832q.14.582.15 1.181q.01.09 0 .18c-.54.293-1.13.48-1.74.55q-1.532.184-3.074.17H12.59c-2.322 0-4.654-.08-6.936-.16a9.8 9.8 0 0 1-2.362-.26a2 2 0 0 1-1.131-.68c-.15-.21-.07-.58 0-1.001c.16-.74.49-1.551.6-1.932c.255-1.13.6-2.237 1.031-3.312A2.73 2.73 0 0 1 5.183 5.93a3.5 3.5 0 0 1 1.001-.16a11 11 0 0 1 1.652.06a.28.28 0 0 0 .31-.24a.28.28 0 0 0-.24-.32a11.4 11.4 0 0 0-1.742-.1a4.7 4.7 0 0 0-1.17.16a2.92 2.92 0 0 0-1.512 1.28a17 17 0 0 0-1.551 4.004a16.4 16.4 0 0 0-.76 2.332c-.112.448-.059.92.15 1.331c.369.48.88.83 1.46 1.001c0 .78.06 1.561.13 2.342c.09 1 .22 2.002.38 3.063q.074.736.221 1.46c.067.253.179.49.33.702a1.8 1.8 0 0 0 .831.57c.39.127.793.208 1.201.24c.42.06.84.1 1.261.13c1 .06 1.912 0 2.883.1c1.43.06 2.822.15 4.223.1a18.4 18.4 0 0 0 2.842-.3a14 14 0 0 0 1.562-.2c.31-.063.59-.225.8-.46c.263-.327.454-.706.56-1.111q.197-.802.291-1.622c.12-.91.26-1.831.38-2.762c.08-.62.16-1.241.21-1.852a.25.25 0 0 0-.05-.17a5 5 0 0 0 1.682-.66a1.27 1.27 0 0 0 .35-1.111m-2.862 3.693c-.15.92-.32 1.832-.48 2.742a14 14 0 0 1-.32 1.501a2.4 2.4 0 0 1-.391.781a.9.9 0 0 1-.53.18c-.48.08-1.001.06-1.312.11q-1.354.182-2.722.2c-1.371 0-2.732-.05-4.153-.12c-1.001 0-1.912 0-2.873-.07c-.4 0-.8 0-1.2-.08a5 5 0 0 1-1.002-.15a.86.86 0 0 1-.42-.25a1.26 1.26 0 0 1-.25-.55c-.1-.39-.14-.811-.21-1.192q-.315-1.5-.51-3.002c-.1-.7-.161-1.401-.211-2.102c2.472.57 14.322.58 16.844.17c-.11.63-.2 1.231-.26 1.832"/></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. ShoppingBasketArrowOutIcon.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.