<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="M28 5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v21.5h2a1.5 1.5 0 0 1 1.5 1.5v5a6.5 6.5 0 0 1-6.5 6.5h-.086l2.793 2.793a1 1 0 0 1-1.414 1.414L34.086 39.5H13.914l-4.207 4.207a1 1 0 0 1-1.414-1.414l2.793-2.793H11A6.5 6.5 0 0 1 4.5 33v-5A1.5 1.5 0 0 1 6 26.5h32V6h-8v5q0 .05-.005.099A5 5 0 0 1 34 16a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1c0-2.42 1.72-4.44 4.005-4.901A1 1 0 0 1 28 11zM7.5 33a3.5 3.5 0 0 0 3.5 3.5h26a3.5 3.5 0 0 0 3.5-3.5v-3.5h-33zM29 13c1.306 0 2.418.835 2.83 2h-5.66A3 3 0 0 1 29 13"/></svg></template>
<script setup lang="ts">
/**
 * Bathroom48 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>
