<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#business_cart_20__a)"><path d="M7.917 13.833a1.792 1.792 0 1 1-.002 3.584 1.792 1.792 0 0 1 .002-3.584m5.208 0a1.792 1.792 0 1 1-.002 3.584 1.792 1.792 0 0 1 .002-3.584m-5.208 1.5a.292.292 0 1 0 0 .583.292.292 0 0 0 0-.583m5.208 0a.292.292 0 1 0 0 .582.292.292 0 0 0 0-.582M4.29 2.593a.75.75 0 0 1 .598.534l.56 1.956h11.219l.092.006a.75.75 0 0 1 .604 1.022l-2.5 6.25a.75.75 0 0 1-.696.472h-7.5a.75.75 0 0 1-.722-.544L4.16 6.04 3.6 4.083H2.5a.75.75 0 0 1 0-1.5h1.667zm2.942 8.74h6.427l1.9-4.75H5.877l1.356 4.75Z"/></g><defs><clipPath id="business_cart_20__a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * Cart20 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>
