<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="M11.386 2.21a1 1 0 0 1 1.228 0l9 7a1 1 0 0 1-1.228 1.58L20 10.488V21a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V10.49l-.386.3a1 1 0 0 1-1.228-1.58zM12 4.268l6 4.666V20h-3.5v-6a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 0-.5.5v6H6V8.934zM10.5 20h3v-5.5h-3z"/></svg></template>
<script setup lang="ts">
/**
 * Home24 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>
