<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M38 4.5a1.5 1.5 0 0 1 0 3h-2.5V14c0 4.287-2.347 8.022-5.824 10A11.49 11.49 0 0 1 35.5 34v6.5H38a1.5 1.5 0 0 1 0 3H10a1.5 1.5 0 0 1 0-3h2.5V34c0-4.286 2.346-8.022 5.823-10A11.49 11.49 0 0 1 12.5 14V7.5H10a1.5 1.5 0 1 1 0-3zm-14 21a8.5 8.5 0 0 0-8.5 8.5v6.5h17V34a8.5 8.5 0 0 0-8.5-8.5M15.5 14a8.5 8.5 0 0 0 17 0V7.5h-17z"/></svg></template>
<script setup lang="ts">
/**
 * Hourglass48 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>
