<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M24.706 5.707a1 1 0 0 0-1.414-1.414c-.937.936-1.272 1.927-1.127 2.942.123.86.59 1.636.935 2.211l.041.068c.402.67.652 1.115.711 1.533.043.298.003.682-.56 1.246a1 1 0 1 0 1.414 1.414c.936-.936 1.271-1.927 1.126-2.942-.123-.86-.59-1.637-.935-2.211l-.04-.069c-.402-.669-.652-1.114-.712-1.533-.042-.297-.003-.681.56-1.245M24 16.5a1.5 1.5 0 0 1 1.5 1.5c0 .012.01.156.194.483.179.318.461.704.859 1.175.478.567 1.01 1.132 1.604 1.763.449.478.934.993 1.458 1.575 2.25 2.5 4.885 5.881 4.885 10.004 0 5.799-4.701 10.5-10.5 10.5S13.5 38.799 13.5 33c0-4.123 2.635-7.504 4.885-10.003.524-.583 1.009-1.098 1.458-1.575a45 45 0 0 0 1.604-1.764c.398-.471.68-.857.859-1.175.184-.327.194-.471.194-.483a1.5 1.5 0 0 1 1.5-1.5m3.385 8.504c2.25 2.5 4.115 5.119 4.115 7.996a7.5 7.5 0 0 1-15 0c0-2.877 1.865-5.496 4.115-7.997.417-.463.868-.944 1.315-1.42.658-.702 1.305-1.392 1.81-1.99q.132-.158.26-.315.128.158.26.314c.505.6 1.152 1.289 1.81 1.991.447.476.898.957 1.315 1.42M18.706 8.293a1 1 0 0 1 0 1.414c-.282.282-.301.476-.277.669.037.297.195.637.465 1.177l.03.058c.228.458.546 1.092.63 1.765.1.807-.13 1.613-.848 2.331a1 1 0 0 1-1.414-1.414c.282-.283.301-.476.277-.669-.037-.297-.195-.637-.464-1.177l-.03-.059c-.229-.457-.546-1.09-.63-1.764-.101-.807.13-1.613.847-2.331a1 1 0 0 1 1.414 0m12.578 1.414a1 1 0 0 0-1.414-1.414c-.717.718-.948 1.524-.847 2.331.084.673.401 1.307.63 1.764l.03.06c.27.539.427.879.464 1.176.025.193.006.386-.277.669a1 1 0 0 0 1.414 1.414c.718-.718.949-1.524.848-2.331-.084-.673-.402-1.307-.63-1.765l-.03-.058c-.27-.54-.428-.88-.465-1.177-.024-.193-.005-.387.277-.669"/></svg></template>
<script setup lang="ts">
/**
 * HotWater48 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>
