<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M9.54 1.908a.75.75 0 0 1 .92 0l7.5 5.833a.75.75 0 1 1-.92 1.184l-.457-.355v8.93a.75.75 0 0 1-.75.75H4.167a.75.75 0 0 1-.75-.75V8.57l-.457.355a.75.75 0 0 1-.92-1.184zM10 3.45l5.083 3.954v9.346h-2.916v-5.083a.5.5 0 0 0-.5-.5H8.333a.5.5 0 0 0-.5.5v5.083H4.917V7.404zm-1.167 13.3h2.334v-4.583H8.833z"/></svg></template>
<script setup lang="ts">
/**
 * Home20 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>
