<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.92 1.816a1.5 1.5 0 0 0-1.84 0l-9 7a1.5 1.5 0 0 0 0 2.368l9 7a1.5 1.5 0 0 0 1.84 0l9-7a1.5 1.5 0 0 0 0-2.368zM24 15.1 17.443 10 24 4.9l6.557 5.1zm-8.08.716a1.5 1.5 0 0 0-1.84 0l-9 7A1.5 1.5 0 0 0 5 25.118V29a1 1 0 0 0 .386.79l18 14a1 1 0 0 0 1.228 0l18-14A1 1 0 0 0 43 29v-3.882a1.5 1.5 0 0 0-.08-2.302l-9-7a1.5 1.5 0 0 0-1.84 0L24 22.1zM41 26.678l-7 5.445v1.832l7-5.444zM25 39.123l7-5.445v1.833l-7 5.444zm-2 0v1.832l-7-5.444v-1.833zm-9-7v1.832l-7-5.444v-1.833zM24 36.1 17.443 31 24 25.9l6.557 5.1zM8.443 24 15 29.1l6.557-5.1L15 18.9zM33 29.1l6.557-5.1L33 18.9 26.443 24z"/></svg></template>
<script setup lang="ts">
/**
 * Floor48 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>
