import React from 'react';

type HomeIconProps = {
    color?: string
}

const HomeIcon = ({color='#fff'}: HomeIconProps) => {

    return (
        <svg xmlns="http://www.w3.org/2000/svg" width="25.001" height="19.896" viewBox="0 0 25.001 19.896">
            <g id="home" transform="translate(0.001 -46.994)">
                <g id="Group_20192" data-name="Groups 20192" transform="translate(-0.001 46.994)">
                    <path id="Path_8869" data-name="Path 8869" d="M74.617,120.939l-8.9,7.377a.212.212,0,0,1-.008.047.214.214,0,0,0-.008.046v7.47a1.008,1.008,0,0,0,.991,1h5.946V130.9H76.6v5.976h5.946a.949.949,0,0,0,.7-.3.959.959,0,0,0,.295-.7v-7.47a.22.22,0,0,0-.016-.093Z" transform="translate(-62.117 -116.98)" fill={color}/>
                    <path id="Path_8870" data-name="Path 8870" d="M24.828,56.721l-3.4-2.832v-6.35a.479.479,0,0,0-.5-.5H17.958a.478.478,0,0,0-.5.5v3.035L13.679,47.4a1.918,1.918,0,0,0-2.357,0L.172,56.721A.453.453,0,0,0,0,57.055a.505.505,0,0,0,.108.366l.961,1.152a.528.528,0,0,0,.326.171.575.575,0,0,0,.372-.109L12.5,49.655l10.731,8.98a.477.477,0,0,0,.326.109H23.6a.529.529,0,0,0,.326-.171l.962-1.152A.5.5,0,0,0,25,57.055.454.454,0,0,0,24.828,56.721Z" transform="translate(0.001 -46.994)" fill={color}/>
                </g>
            </g>
        </svg>

    );
}

export default HomeIcon;