<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="M18.132 17.5H5.868a26 26 0 0 1-.103-1h12.47q-.043.519-.103 1m-1.747 3.816-.606-1.816H8.222l-.605 1.816a1 1 0 0 1-1.898-.632l.395-1.184H5.02a1 1 0 0 1-.995-.779l-2-8.492a1 1 0 1 1 1.948-.458l.06.254q.138-.755.34-1.482c.481-1.716 1.265-3.35 2.511-4.564C8.155 2.742 9.848 2 12 2s3.845.742 5.115 1.979c1.247 1.214 2.03 2.848 2.51 4.564q.204.727.342 1.482l.06-.254a1 1 0 0 1 1.947.458l-1.999 8.493a1 1 0 0 1-.995.778h-1.092l.394 1.184a1 1 0 1 1-1.897.632M18.3 15.5H5.7q-.03-.669-.029-1.365a33.4 33.4 0 0 1 6.33-.635c2.496 0 4.812.332 6.328.635q.002.696-.028 1.365m-.069-3.42a35.4 35.4 0 0 0-6.23-.58 35.4 35.4 0 0 0-6.232.58c.095-1.027.265-2.046.532-2.998.423-1.513 1.071-2.785 1.98-3.67C9.166 4.55 10.352 4 12 4c1.647 0 2.834.55 3.719 1.412.908.885 1.556 2.157 1.98 3.67.266.952.436 1.97.532 2.998"/></svg></template>
<script setup lang="ts">
/**
 * LivingRoom24 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>
