<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="M6 10h.5V8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v2h1V8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v2h.5V6.47C17.225 5.93 15.255 5 12 5s-5.225.93-6 1.47zm-1 2c-.474 0-.674.175-.788.334-.152.21-.212.493-.212.666v2h16v-2c0-.474-.175-.674-.334-.788A1.24 1.24 0 0 0 19 12zm-1 5v-1h16v1zm12.5-7V8.5h-3V10zm-6 0V8.5h-3V10zM4.293 5.293C5.195 4.39 7.81 3 12 3c4.19 0 6.805 1.391 7.707 2.293A1 1 0 0 1 20 6v4.167c.279.092.565.228.834.421C21.51 11.075 22 11.875 22 13v4a2 2 0 0 1-2 2v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1H8v1a.5.5 0 0 1-.5.5h-3A.5.5 0 0 1 4 20v-1a2 2 0 0 1-2-2v-4c0-.493.14-1.211.588-1.834A2.73 2.73 0 0 1 4 10.146V6a1 1 0 0 1 .293-.707M17 19v.5h2V19zm-12 .5V19h2v.5z"/></svg></template>
<script setup lang="ts">
/**
 * Bedroom24 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>
