<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M10.5 6A1.5 1.5 0 0 1 12 4.5h24A1.5 1.5 0 0 1 37.5 6v1.5H41q.075 0 .148.007a1.5 1.5 0 0 1 1.59 1.077c.496 1.721.762 3.539.762 5.416 0 5.53-2.302 10.523-6 14.071V42a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.5-1.5V28.071A19.44 19.44 0 0 1 4.5 14c0-1.877.266-3.695.762-5.416a1.5 1.5 0 0 1 1.59-1.077Q6.926 7.5 7 7.5h3.5zm-3 8c0-1.202.128-2.373.372-3.5H10.5v12.99c-1.89-2.685-3-5.958-3-9.49m6 12.729V14H16v5a3 3 0 1 0 6 0v-5h12.5v12.729C31.647 29.084 27.989 30.5 24 30.5s-7.647-1.415-10.5-3.771M34.5 12V7.5h-21V12H17a1 1 0 0 1 1 1v6a1 1 0 1 0 2 0v-6a1 1 0 0 1 1-1zm5.628-1.5H37.5v12.99c1.89-2.685 3-5.958 3-9.49a16.6 16.6 0 0 0-.372-3.5M13.5 40.5V30.435c3.03 1.94 6.634 3.065 10.5 3.065s7.47-1.125 10.5-3.065V40.5z"/></svg></template>
<script setup lang="ts">
/**
 * PaintCan48 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>
