<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#business_cart_32__a)"><path d="M12.667 22.333a2.667 2.667 0 1 1-.002 5.334 2.667 2.667 0 0 1 .002-5.334m8.333 0a2.667 2.667 0 1 1-.002 5.334A2.667 2.667 0 0 1 21 22.333m-8.333 2a.668.668 0 1 0 .001 1.335.668.668 0 0 0-.001-1.335m8.333 0a.667.667 0 1 0 0 1.332.667.667 0 0 0 0-1.332M6.831 4.347a1 1 0 0 1 .797.712l.936 3.274h18.103a1 1 0 0 1 .928 1.371l-4 10a1 1 0 0 1-.928.629h-12a1 1 0 0 1-.962-.726l-2.857-10-.936-3.274H4a1 1 0 0 1 0-2h2.667zm4.59 13.986h10.57l3.198-8H9.136z"/></g><defs><clipPath id="business_cart_32__a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * Cart32 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
