<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="M11.34 2.955a.5.5 0 0 1 .705.051c.41.473.487 1.045.445 1.575-.04.51-.196 1.05-.335 1.53l-.008.028c-.148.512-.275.96-.307 1.359-.03.386.037.648.205.841a.5.5 0 1 1-.756.655c-.41-.473-.487-1.045-.445-1.575.04-.51.196-1.05.335-1.53l.007-.028c.149-.513.276-.96.307-1.359.03-.386-.037-.648-.204-.841a.5.5 0 0 1 .05-.706M8 14.333c-.92 0-1.667.746-1.667 1.667v9.333a1.667 1.667 0 1 0 3.334 0V16c0-.92-.746-1.667-1.667-1.667m0-2A3.667 3.667 0 0 0 4.333 16v9.333a3.667 3.667 0 0 0 6.334 2.517c.668.708 1.616 1.15 2.666 1.15s1.999-.442 2.667-1.15c.669.708 1.616 1.15 2.667 1.15s1.998-.442 2.666-1.15a3.667 3.667 0 0 0 6.333-2.517V20.96a2.5 2.5 0 0 0 0-4.584V16a3.667 3.667 0 0 0-6.332-2.517c-.669-.708-1.616-1.15-2.667-1.15s-1.998.442-2.667 1.15c-.668-.708-1.616-1.15-2.666-1.15s-1.999.442-2.667 1.15A3.66 3.66 0 0 0 8 12.333m17.667 4.042V16a1.667 1.667 0 1 0-3.333 0v9.333a1.667 1.667 0 1 0 3.333 0V20.96a2.5 2.5 0 0 1 0-4.584M20.333 16v9.333a1.667 1.667 0 1 1-3.333 0V16a1.667 1.667 0 1 1 3.334 0M15 16a1.667 1.667 0 1 0-3.333 0v9.333a1.667 1.667 0 1 0 3.333 0zm1.711-12.994a.5.5 0 0 0-.755.655c.167.193.234.455.204.841-.032.398-.159.846-.307 1.36l-.008.026c-.138.48-.295 1.022-.335 1.531-.041.53.036 1.102.446 1.575a.5.5 0 0 0 .756-.655c-.168-.193-.235-.455-.205-.841.031-.398.159-.847.307-1.36l.008-.026c.138-.48.295-1.022.335-1.531.041-.53-.036-1.102-.445-1.575m3.962-.05a.5.5 0 0 1 .705.05c.41.473.487 1.045.445 1.575-.04.51-.196 1.05-.335 1.53l-.007.028c-.148.512-.276.96-.307 1.359-.03.386.037.648.204.841a.5.5 0 1 1-.756.655c-.41-.473-.487-1.045-.445-1.575.04-.51.196-1.05.335-1.53l.008-.028c.148-.513.275-.96.306-1.359.03-.386-.036-.648-.204-.841a.5.5 0 0 1 .05-.706m4.494 15.71a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0"/></svg></template>
<script setup lang="ts">
/**
 * Heater32 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>
