<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="M4.917 8.417h.416v-1.75a.5.5 0 0 1 .5-.5h3.334a.5.5 0 0 1 .5.5v1.75h.666v-1.75a.5.5 0 0 1 .5-.5h3.334a.5.5 0 0 1 .5.5v1.75h.416V5.349c-.64-.46-2.31-1.266-5.083-1.266-2.772 0-4.444.806-5.083 1.266zm-.75 1.5c-.423 0-.614.159-.725.313a1.1 1.1 0 0 0-.192.603v1.584h13.5v-1.584c0-.422-.16-.613-.313-.724a1.1 1.1 0 0 0-.604-.192zM3.25 14v-.583h13.5V14a.25.25 0 0 1-.25.25h-13a.25.25 0 0 1-.25-.25m10.417-5.583v-1.25h-2.334v1.25zm-5 0v-1.25H6.333v1.25zM3.637 4.47C4.367 3.738 6.524 2.584 10 2.584s5.632 1.154 6.364 1.886c.14.14.22.331.22.53v3.533c.242.074.494.19.73.359.54.389.936 1.03.936 1.942V14a1.75 1.75 0 0 1-1.5 1.731v.935a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5v-.917h-6.5v.917a.5.5 0 0 1-.5.5h-2.5a.5.5 0 0 1-.5-.5v-.935A1.75 1.75 0 0 1 1.75 14v-3.167c0-.397.113-.977.475-1.48a2.2 2.2 0 0 1 1.192-.835V5a.75.75 0 0 1 .22-.53M14.25 15.75v.417h1.5v-.417zm-10 0h1.5v.417h-1.5z"/></svg></template>
<script setup lang="ts">
/**
 * Bedroom20 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>
