<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="M24.47 23.667H7.53a35 35 0 0 1-.192-1.834h17.323a35 35 0 0 1-.192 1.834m-2.307 4.65-.883-2.65H10.72l-.883 2.65a1 1 0 0 1-1.898-.633l.673-2.017H6.687a.996.996 0 0 1-.995-.779L3.027 13.562a1 1 0 0 1 1.947-.458l.475 2.022c.148-1.24.376-2.471.705-3.646.631-2.254 1.653-4.372 3.259-5.936C11.043 3.957 13.215 3 16 3c2.786 0 4.958.957 6.587 2.544 1.606 1.564 2.628 3.682 3.26 5.936.328 1.175.556 2.406.704 3.646l.476-2.022a1 1 0 0 1 1.947.458L26.308 24.89a1 1 0 0 1-.995.778h-1.925l.672 2.017a1 1 0 1 1-1.897.632m2.563-7.484H7.274a36 36 0 0 1-.043-2.26c2.032-.421 5.268-.906 8.77-.906 3.5 0 6.736.485 8.768.907.01.77-.006 1.527-.043 2.26m-.048-4.318c-2.161-.42-5.301-.848-8.678-.848s-6.516.429-8.677.848c.119-1.535.357-3.069.757-4.495.574-2.052 1.46-3.808 2.728-5.043C12.053 5.765 13.72 5 16 5s3.948.765 5.192 1.977c1.268 1.235 2.154 2.991 2.729 5.043.399 1.426.638 2.96.757 4.496"/></svg></template>
<script setup lang="ts">
/**
 * LivingRoom32 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>
