import { SVGProps } from "react";

export default function HomeIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg
      width="28"
      height="24"
      viewBox="0 0 28 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      color={props.color !== "currentColor" ? props.color : "#8A8D93"}
    >
      <g clipPath="url(#clip0_2188_2057)">
        <g clipPath="url(#clip1_2188_2057)">
          <path
            d="M27.2875 11.9766C27.2875 12.8203 26.5844 13.4813 25.7875 13.4813H24.2875L24.3203 20.9906C24.3203 21.1172 24.3109 21.2437 24.2969 21.3703V22.125C24.2969 23.1609 23.4578 24 22.4219 24H21.6719C21.6203 24 21.5688 24 21.5172 23.9953C21.4516 24 21.3859 24 21.3203 24H19.7969H18.6719C17.6359 24 16.7969 23.1609 16.7969 22.125V21V18C16.7969 17.1703 16.1266 16.5 15.2969 16.5H12.2969C11.4672 16.5 10.7969 17.1703 10.7969 18V21V22.125C10.7969 23.1609 9.95781 24 8.92188 24H7.79688H6.30156C6.23125 24 6.16094 23.9953 6.09062 23.9906C6.03437 23.9953 5.97813 24 5.92188 24H5.17188C4.13594 24 3.29688 23.1609 3.29688 22.125V16.875C3.29688 16.8328 3.29688 16.7859 3.30156 16.7438V13.4813H1.79688C0.953125 13.4813 0.296875 12.825 0.296875 11.9766C0.296875 11.5547 0.4375 11.1797 0.765625 10.8516L12.7844 0.375C13.1125 0.046875 13.4875 0 13.8156 0C14.1437 0 14.5187 0.09375 14.8 0.328125L26.7719 10.8516C27.1469 11.1797 27.3344 11.5547 27.2875 11.9766Z"
            fill="currentColor"
          />
        </g>
      </g>
      <defs>
        <clipPath id="clip0_2188_2057">
          <rect
            width="27"
            height="24"
            fill="white"
            transform="translate(0.296875)"
          />
        </clipPath>
        <clipPath id="clip1_2188_2057">
          <path d="M0.296875 0H27.2969V24H0.296875V0Z" fill="white" />
        </clipPath>
      </defs>
    </svg>
  );
}
