<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="M6.667 15.667h-.002c-.74 0-1.106.286-1.32.584-.251.35-.345.798-.345 1.082v2.834h22v-2.833c0-.741-.286-1.108-.584-1.322a2 2 0 0 0-1.083-.345zM5 23v-1.833h22V23zm19.333-9.333V8.458c-1.007-.76-3.752-2.125-8.333-2.125S8.674 7.699 7.667 8.459v5.209h1.166v-3a.5.5 0 0 1 .5-.5h5.334a.5.5 0 0 1 .5.5v3h1.666v-3a.5.5 0 0 1 .5-.5h5.334a.5.5 0 0 1 .5.5v3zm-2.166 0v-2.5h-4.334v2.5zm-8 0v-2.5H9.833v2.5zM5.96 7.293C7.084 6.17 10.477 4.333 16 4.333s8.916 1.836 10.04 2.96a1 1 0 0 1 .293.707v5.804c.412.11.849.295 1.251.585.813.585 1.416 1.552 1.416 2.945V23a2 2 0 0 1-2 2h-.5v1.666a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5V25h-11v1.667a.5.5 0 0 1-.5.5H6a.5.5 0 0 1-.5-.5V25H5a2 2 0 0 1-2-2v-5.666c0-.605.173-1.49.722-2.251a3.32 3.32 0 0 1 1.945-1.301V8a1 1 0 0 1 .293-.707M22.5 25v1.167h3V25zm-16 0h3v1.167h-3z"/></svg></template>
<script setup lang="ts">
/**
 * Bedroom32 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>
