<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 3.21a1 1 0 0 0-1.228 0l-12 9.334a1 1 0 1 0 1.228 1.579l1.053-.82V28a1 1 0 0 0 1 1h18.666a1 1 0 0 0 1-1V13.304l1.053.819a1 1 0 0 0 1.228-1.579zm7.72 8.538L16 5.267l-8.333 6.481V27h16.666zM16 12.333a1.667 1.667 0 1 0 0 3.334 1.667 1.667 0 0 0 0-3.334M12.333 14a3.667 3.667 0 1 1 7.334 0 3.667 3.667 0 0 1-7.334 0M16 17.667A6.333 6.333 0 0 1 22.333 24h-2a4.333 4.333 0 0 0-8.666 0h-2A6.333 6.333 0 0 1 16 17.667"/></svg></template>
<script setup lang="ts">
/**
 * Tenant32 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>
