<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M12.614.71a1 1 0 0 0-1.228 0l-4.5 3.5a1 1 0 0 0 0 1.58l4.5 3.5a1 1 0 0 0 1.228 0l4.5-3.5a1 1 0 0 0 0-1.58zM12 7.234 9.129 5 12 2.767 14.871 5zm-3.886.478a1 1 0 0 0-1.228 0l-4.5 3.5a1 1 0 0 0 0 1.578l.114.089V14.5a.5.5 0 0 0 .193.395l9 7a.5.5 0 0 0 .614 0l9-7a.5.5 0 0 0 .193-.395v-1.622l.114-.089a1 1 0 0 0 0-1.578l-4.5-3.5a1 1 0 0 0-1.228 0L12 10.733zM20.5 13.656 17 16.378v.6l3.5-2.723zm-7.886 6.133L16 17.156v.6l-3.5 2.722v-.612q.06-.034.114-.077m-1.114.077v.612L8 17.756v-.6l3.386 2.633q.055.043.114.077M7 16.378v.6l-3.5-2.723v-.6zm5 1.355L9.129 15.5 12 13.267l2.871 2.233zM10.371 12 7.5 14.233 4.629 12 7.5 9.767zm6.129 2.233L19.371 12 16.5 9.767 13.629 12z"/></svg></template>
<script setup lang="ts">
/**
 * Floor24 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>
