<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M50.666 6.5a1.5 1.5 0 0 1 0 3h-3.832v9.167c0 5.858-3.398 10.923-8.33 13.333 4.932 2.41 8.33 7.474 8.33 13.333V54.5h3.832a1.5 1.5 0 0 1 0 3H13.333a1.5 1.5 0 0 1 0-3h3.834v-9.167c0-5.858 3.396-10.922 8.327-13.333-4.823-2.358-8.178-7.255-8.322-12.95l-.005-.383V9.5h-3.834a1.5 1.5 0 0 1 0-3zM32 33.5c-6.535 0-11.833 5.298-11.833 11.833V54.5h23.667v-9.167C43.834 38.798 38.535 33.5 32 33.5M20.167 18.667l.004.305C20.333 25.366 25.567 30.5 32 30.5c6.535 0 11.834-5.298 11.834-11.833V9.5H20.167z"/></svg></template>
<script setup lang="ts">
/**
 * Hourglass64 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>
