<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M26.667 9.5a6.5 6.5 0 0 0-6.5 6.5v16c0 .508-.253.957-.639 1.228a11.81 11.81 0 0 0-4.694 9.439c0 6.535 5.297 11.833 11.833 11.833 6.535 0 11.833-5.298 11.833-11.833 0-3.853-1.84-7.276-4.694-9.439a1.5 1.5 0 0 1-.64-1.228V16a6.5 6.5 0 0 0-6.5-6.5M41.5 42.667c0-4.58-2.076-8.674-5.333-11.393V16a9.5 9.5 0 0 0-19 0v15.274a14.8 14.8 0 0 0-5.333 11.393c0 8.192 6.64 14.833 14.833 14.833 8.192 0 14.833-6.641 14.833-14.833M44 11a1 1 0 1 0 0 2h8a1 1 0 0 0 0-2zm-1 10.333a1 1 0 0 1 1-1h8a1 1 0 0 1 0 2h-8a1 1 0 0 1-1-1m1 8.334a1 1 0 1 0 0 2h8a1 1 0 0 0 0-2zm-15.833 6.331V21.334h-3V36a6.833 6.833 0 1 0 3 0"/></svg></template>
<script setup lang="ts">
/**
 * Temperature64 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>
