<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M5 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.5h1.5q.037 0 .073.003a1 1 0 0 1 1.036.72C21.864 5.106 22 6.038 22 7a9.97 9.97 0 0 1-3 7.141V21a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1v-6.859A9.97 9.97 0 0 1 2 7c0-.962.136-1.894.391-2.777a1 1 0 0 1 1.036-.72Q3.463 3.5 3.5 3.5H5zM4 7q.001-.771.14-1.5H5v5.376A7.96 7.96 0 0 1 4 7m3 6.245V7h1v2.5a1.5 1.5 0 0 0 3 0V7h6v6.245A7.97 7.97 0 0 1 12 15a7.97 7.97 0 0 1-5-1.755M17 6V4H7v2h1.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 1 0v-3a.5.5 0 0 1 .5-.5zm2.86-.5H19v5.376a8.047 8.047 0 0 0 .86-5.376M7 20v-4.338A9.96 9.96 0 0 0 12 17c1.821 0 3.53-.487 5-1.338V20z"/></svg></template>
<script setup lang="ts">
/**
 * PaintCan24 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>
