<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="M15.386 3.21a1 1 0 0 1 1.228 0l12 9.334a1 1 0 0 1-1.228 1.579l-1.053-.82V28a1 1 0 0 1-1 1H6.667a1 1 0 0 1-1-1V13.304l-1.053.819a1 1 0 0 1-1.228-1.579zM16 5.268l8.333 6.481V27h-5.166v-8.333a.5.5 0 0 0-.5-.5h-5.334a.5.5 0 0 0-.5.5V27H7.667V11.748zM13.833 27h4.334v-7.833h-4.334z"/></svg></template>
<script setup lang="ts">
/**
 * Home32 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>
