<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="M10.353 2.437a.5.5 0 1 0-.707-.707c-.406.405-.558.843-.493 1.296.054.376.256.712.399.95l.019.031c.17.283.263.453.285.608.013.094.01.229-.21.448a.5.5 0 1 0 .707.707c.406-.406.558-.844.493-1.297-.054-.375-.256-.712-.399-.949l-.019-.031c-.17-.283-.263-.454-.285-.608-.013-.094-.01-.229.21-.448m.397 5.056a.6.6 0 0 0 .065.147c.069.122.18.276.344.47.198.235.415.466.66.726.187.199.39.414.613.662.938 1.042 2.068 2.482 2.068 4.252a4.5 4.5 0 1 1-9 0c0-1.77 1.13-3.21 2.068-4.252a39 39 0 0 1 .613-.662c.244-.26.462-.491.66-.726q.242-.289.344-.47a.6.6 0 0 0 .065-.146v-.001a.75.75 0 0 1 1.5 0m.568 3.009C12.255 11.543 13 12.603 13 13.75a3 3 0 0 1-6 0c0-1.147.745-2.206 1.682-3.248.17-.189.356-.387.542-.585.277-.296.552-.589.763-.84L10 9.062l.013.015c.211.251.486.544.763.84.186.198.372.396.541.585M7.853 3.396a.5.5 0 0 1 0 .708c-.1.099-.098.154-.092.209.014.107.072.235.186.463l.013.027c.095.189.233.465.27.76.045.362-.06.723-.377 1.04a.5.5 0 1 1-.707-.707c.1-.1.099-.154.092-.209-.013-.107-.072-.235-.186-.463l-.013-.027c-.095-.189-.233-.465-.27-.76-.045-.362.06-.723.377-1.04a.5.5 0 0 1 .707 0m5.241.708a.5.5 0 0 0-.707-.708c-.317.318-.422.68-.377 1.041.037.295.175.571.27.76l.013.027c.114.228.172.356.186.463.007.055.008.11-.092.21a.5.5 0 1 0 .707.707c.317-.318.422-.68.377-1.041-.037-.295-.175-.571-.27-.76l-.013-.027c-.114-.228-.172-.356-.186-.463-.006-.055-.007-.11.092-.21"/></svg></template>
<script setup lang="ts">
/**
 * HotWater20 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>
