<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M19 33.5a4 4 0 1 1 0 8 4 4 0 0 1 0-8m12.5 0a4 4 0 1 1 0 8 4 4 0 0 1 0-8m-12.5 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2m12.5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2M10 6.5a1.5 1.5 0 0 1 1.442 1.088l1.404 4.912H40a1.5 1.5 0 0 1 1.393 2.057l-6 15A1.5 1.5 0 0 1 34 30.5H16a1.5 1.5 0 0 1-1.442-1.088l-4.285-15L8.868 9.5H6a1.5 1.5 0 1 1 0-3zm7.132 21h15.852l4.801-12H13.702z"/></svg></template>
<script setup lang="ts">
/**
 * Cart48 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>
