<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16.614 1.21a1 1 0 0 0-1.228 0l-6 4.667a1 1 0 0 0 0 1.579l6 4.667a1 1 0 0 0 1.228 0l6-4.667a1 1 0 0 0 0-1.579zM16 10.068l-4.371-3.4L16 3.267l4.371 3.4zm-5.386.477a1 1 0 0 0-1.228 0l-6 4.667a1 1 0 0 0 0 1.578l.114.089v2.455a.5.5 0 0 0 .193.395l12 9.333a.5.5 0 0 0 .614 0l12-9.333a.5.5 0 0 0 .193-.395v-2.455l.114-.089a1 1 0 0 0 0-1.578l-6-4.667a1 1 0 0 0-1.228 0L16 14.734zM27.5 17.656l-5 3.889v1.433l5-3.89zm-10.886 8.467 4.886-3.8v1.432l-5 3.89v-1.446q.06-.033.114-.076m-1.114.076v1.445l-5-3.888v-1.434l4.886 3.8q.055.044.114.077m-6-4.654v1.433l-5-3.89v-1.432zm6.5 2.522-4.371-3.4 4.371-3.4 4.371 3.4zM5.629 16 10 19.4l4.371-3.4L10 12.6zM22 19.4l4.371-3.4L22 12.6 17.629 16z"/></svg></template>
<script setup lang="ts">
/**
 * Floor32 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>
