<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="M36.704 35.5H11.296a51 51 0 0 1-.268-2.5h25.944a52 52 0 0 1-.268 2.5m-3.46 6.974L31.919 38.5H16.081l-1.324 3.974a1.5 1.5 0 1 1-2.846-.948l1.008-3.026h-2.888a1.5 1.5 0 0 1-1.493-1.168L4.54 20.344a1.5 1.5 0 0 1 2.92-.688l.714 3.033c.221-1.86.564-3.707 1.057-5.468.947-3.382 2.48-6.56 4.888-8.905C16.564 5.936 19.822 4.5 24 4.5s7.437 1.436 9.881 3.816c2.409 2.346 3.942 5.523 4.889 8.905.493 1.761.835 3.607 1.057 5.468l.713-3.033a1.5 1.5 0 1 1 2.92.688l-3.997 16.99A1.5 1.5 0 0 1 37.97 38.5h-2.888l1.008 3.026a1.5 1.5 0 1 1-2.846.948M37.101 31H10.9a53 53 0 0 1-.052-3.14c3.048-.632 7.901-1.36 13.153-1.36s10.106.728 13.154 1.36a53 53 0 0 1-.053 3.14m-.084-6.227C33.775 24.143 29.065 23.5 24 23.5s-9.774.644-13.016 1.273c.178-2.303.537-4.604 1.136-6.744.861-3.077 2.19-5.712 4.093-7.564C18.079 8.648 20.579 7.5 24 7.5s5.922 1.148 7.788 2.965c1.902 1.852 3.231 4.487 4.093 7.564.599 2.14.957 4.441 1.136 6.744"/></svg></template>
<script setup lang="ts">
/**
 * LivingRoom48 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>
