<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="M16.353 3.687a.5.5 0 0 0-.707-.707c-.594.593-.792 1.203-.704 1.82.077.539.372 1.03.606 1.42l.022.037c.264.439.451.766.497 1.084.036.258-.015.565-.421.972a.5.5 0 1 0 .707.707c.593-.593.792-1.203.704-1.82-.077-.539-.373-1.03-.606-1.42l-.023-.037c-.263-.44-.45-.766-.496-1.085-.037-.258.014-.564.42-.971M16 11a1 1 0 0 1 1 1c0 .008.006.104.13.322.119.212.307.47.572.783.319.378.673.755 1.07 1.176.299.318.622.662.971 1.05C21.243 16.997 23 19.251 23 22a7 7 0 1 1-14 0c0-2.748 1.757-5.002 3.257-6.669.35-.388.672-.732.971-1.05.397-.421.751-.798 1.07-1.176.265-.314.453-.571.573-.783.122-.218.129-.314.129-.322a1 1 0 0 1 1-1m2.257 5.669C19.757 18.336 21 20.082 21 22a5 5 0 0 1-10 0c0-1.918 1.243-3.664 2.743-5.331.278-.309.58-.63.877-.947.439-.468.87-.928 1.207-1.327l.173-.21.173.21c.337.4.768.859 1.207 1.327.298.317.599.638.877.947M12.353 5.646a.5.5 0 0 1 0 .708c-.224.224-.255.404-.232.584.029.232.15.485.326.838l.016.033c.155.31.355.71.408 1.129.06.487-.076.973-.518 1.415a.5.5 0 1 1-.707-.707c.224-.224.255-.404.232-.584-.029-.232-.15-.485-.326-.838l-.016-.033c-.155-.31-.355-.71-.408-1.129-.06-.487.076-.973.518-1.416a.5.5 0 0 1 .707 0m8.385.708a.5.5 0 1 0-.707-.708c-.442.443-.578.93-.517 1.416.052.42.252.82.407 1.129l.017.033c.176.353.297.606.326.838.022.18-.008.36-.233.584a.5.5 0 1 0 .707.707c.443-.442.579-.928.518-1.415-.052-.42-.253-.82-.407-1.129l-.017-.033c-.176-.353-.297-.606-.326-.838-.022-.18.008-.36.232-.584"/></svg></template>
<script setup lang="ts">
/**
 * HotWater32 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>
