<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M7 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v1h2.333q.05 0 .099.005a1 1 0 0 1 1.06.718c.33 1.147.508 2.359.508 3.61 0 3.687-1.535 7.015-4 9.381V28a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-9.286a12.96 12.96 0 0 1-4-9.38c0-1.252.177-2.464.508-3.611a1 1 0 0 1 1.06-.718Q4.618 5 4.667 5H7zM5 9.333c0-.801.086-1.582.248-2.333H7v8.66a10.95 10.95 0 0 1-2-6.327m4 8.486V9.167h1.833v3.5a1.833 1.833 0 0 0 3.667 0v-3.5H23v8.652c-1.902 1.57-4.34 2.514-7 2.514s-5.098-.943-7-2.514m14-9.652V5H9v3.167h2.333a.5.5 0 0 1 .5.5v4a.833.833 0 0 0 1.667 0v-4a.5.5 0 0 1 .5-.5zM26.752 7H25v8.66c1.26-1.79 2-3.972 2-6.327 0-.801-.086-1.582-.248-2.333M9 27v-6.71c2.02 1.293 4.423 2.043 7 2.043s4.98-.75 7-2.043V27z"/></svg></template>
<script setup lang="ts">
/**
 * PaintCan32 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>
