<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="M15.184 14.667H4.817a21 21 0 0 1-.09-.834h10.546q-.038.433-.09.834m-1.45 3.07-.524-1.57H6.79l-.523 1.57a.75.75 0 0 1-1.423-.474l.366-1.096H4.182a.75.75 0 0 1-.713-.475 1 1 0 0 1-.034-.11L1.77 8.506a.75.75 0 1 1 1.46-.343l.144.61c.088-.554.204-1.101.352-1.63.398-1.422 1.045-2.769 2.07-3.767C6.838 2.36 8.228 1.75 10 1.75c1.773 0 3.162.61 4.204 1.625 1.025.998 1.672 2.345 2.07 3.767.149.529.264 1.076.352 1.63l.144-.61a.75.75 0 1 1 1.46.343l-1.665 7.078a.75.75 0 0 1-.747.584h-1.027l.365 1.096a.75.75 0 0 1-1.423.474m1.604-4.904H4.663a22 22 0 0 1-.02-1.122A28 28 0 0 1 10 11.167c2.124 0 4.09.287 5.357.544q.004.572-.02 1.122m-.052-2.664A29.4 29.4 0 0 0 10 9.667a29.4 29.4 0 0 0-5.285.502c.077-.898.222-1.79.455-2.623.356-1.27.901-2.345 1.672-3.096.754-.734 1.764-1.2 3.158-1.2s2.404.466 3.158 1.2c.771.751 1.317 1.827 1.672 3.096.233.833.378 1.725.456 2.623"/></svg></template>
<script setup lang="ts">
/**
 * LivingRoom20 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>
