<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M11.583 2.084a.5.5 0 0 1 .5-.5h4.167a.5.5 0 0 1 .5.5v8.833h.75a.75.75 0 0 1 .75.75v2.083a2.834 2.834 0 0 1-2.633 2.826l.987.987a.5.5 0 0 1-.708.707l-1.686-1.687H5.79L4.104 18.27a.5.5 0 0 1-.708-.707l.987-.987A2.833 2.833 0 0 1 1.75 13.75v-2.083a.75.75 0 0 1 .75-.75h13.25V2.584h-3.167v1.974a2.17 2.17 0 0 1 1.667 2.109.5.5 0 0 1-.5.5h-3.333a.5.5 0 0 1-.5-.5c0-1.025.71-1.883 1.666-2.109zm-7 13h10.834c.736 0 1.333-.597 1.333-1.334v-1.333H3.25v1.333c0 .737.597 1.334 1.333 1.334m7.5-9.584c.466 0 .867.273 1.055.667h-2.11a1.17 1.17 0 0 1 1.055-.667"/></svg></template>
<script setup lang="ts">
/**
 * Bathroom20 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>
