<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="M3 2a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1a1.5 1.5 0 0 1 1.5 1.5c0 .72-.458 1.183-1.4 1.99l-.089.076C3.201 11.258 2 12.284 2 14v7a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-7c0-.9-.33-1.58-.823-2.097-.43-.45-.979-.763-1.384-.995l-.047-.026c-.465-.266-.767-.447-.976-.666-.163-.171-.27-.366-.27-.716v-.64c.217.391.532.783.988 1.087.513.342 1.175.553 2.012.553a.5.5 0 0 0 0-1c-.662 0-1.126-.164-1.457-.385a2.13 2.13 0 0 1-.72-.839 3 3 0 0 1-.12-.276H12a1 1 0 0 0 1-1V6h1a.5.5 0 0 0 .5-.5v-1A.5.5 0 0 0 14 4h-1V3a1 1 0 0 0-1-1zm1 3V4h7v2H9.5a1 1 0 0 0-1 1v1.5h-1A3.5 3.5 0 0 0 4 5m3.354 4.5H8.5c0 .9.33 1.58.824 2.097.43.45.978.763 1.383.995l.047.026c.465.266.767.447.976.666a1 1 0 0 1 .16.216H4.086c.173-.472.607-.884 1.315-1.49l.088-.076c.638-.545 1.52-1.299 1.865-2.434M4 14.5V20h8v-5.5zM18.5 4a.5.5 0 0 1 .485.379c.248.99.472 1.496.806 1.83s.84.558 1.83.806a.5.5 0 0 1 0 .97c-.99.248-1.496.472-1.83.806s-.558.84-.806 1.83a.5.5 0 0 1-.97 0c-.248-.99-.472-1.496-.806-1.83s-.84-.558-1.83-.806a.5.5 0 0 1 0-.97c.99-.248 1.496-.472 1.83-.806s.558-.84.806-1.83A.5.5 0 0 1 18.5 4m-1.428 3.5c.325.157.604.344.844.584s.427.52.584.844c.157-.325.344-.604.584-.844s.52-.427.844-.584a3 3 0 0 1-.844-.584c-.24-.24-.427-.52-.584-.844a3 3 0 0 1-.584.844c-.24.24-.52.427-.844.584m4.375 2.776a.5.5 0 0 0-.894 0c-.265.531-.352.691-.47.808-.116.117-.276.204-.807.469a.5.5 0 0 0 0 .894c.531.266.691.353.808.47s.204.276.469.807a.5.5 0 0 0 .894 0c.265-.531.352-.691.47-.808.116-.117.276-.204.807-.469a.5.5 0 0 0 0-.894c-.531-.266-.691-.353-.808-.47s-.204-.276-.469-.807m-.656 1.933A2 2 0 0 0 20.54 12q.137-.095.252-.209.114-.115.209-.252.095.138.209.252.115.114.252.209a2 2 0 0 0-.252.209q-.114.115-.209.252a2 2 0 0 0-.209-.252"/></svg></template>
<script setup lang="ts">
/**
 * CleaningProduct24 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>
