Grocery Basket icon in outline, twotone, bold and bulk. Free in all four styles, for cart, checkout, storefront, orders. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconGroceryBasket } from "@devigner-ui/icons";
<IconGroceryBasket className="size-6" />
<script setup>
import { IconGroceryBasket } from "@devigner-ui/icons-vue";
</script>
<template>
<IconGroceryBasket class="size-6" />
</template>
<script>
import { IconGroceryBasket } from "@devigner-ui/icons-svelte";
</script>
<IconGroceryBasket class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.86 16.46c-.85-3.44-1.28-5.15-.38-6.3C4.38 9 6.15 9 9.68 9h4.64c3.53 0 5.3 0 6.2 1.15.9 1.16.47 2.87-.38 6.3-.55 2.19-.82 3.28-1.64 3.92-.81.63-1.93.63-4.18.63H9.68c-2.25 0-3.37 0-4.18-.63-.82-.64-1.1-1.73-1.64-3.91" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="m19.5 9.5-.71-2.6a6 6 0 0 0-.7-1.89A2.5 2.5 0 0 0 17 4.17C16.56 4 16.04 4 15 4M4.5 9.5l.71-2.6c.27-1 .41-1.51.7-1.89A2.5 2.5 0 0 1 7 4.17C7.44 4 7.96 4 9 4" stroke="currentColor" stroke-width="1.5"></path><path d="M9 4a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M8 13v4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M16 13v4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M12 13v4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>