import React from 'react';

type catalogueIconProps = {
    color?: string
}

const CatalogueIcon = ({color='#1a73e8'}: catalogueIconProps) => {

    return (
        <svg fill={color} id="chat_1_" data-name="chat (1)" xmlns="http://www.w3.org/2000/svg" width="54.789" height="46.521" viewBox="0 0 54.789 46.521">
            <path id="Path_9087" data-name="Path 9087" d="M222.707,154.893a7.686,7.686,0,0,0-6.126-5.918c-1.343-.222-4.971-.477-8.081-.575q.088,1.556.091,3.211v.005a49.1,49.1,0,0,1-.673,8.414v.022a10.367,10.367,0,0,1-3.062,5.543,10.6,10.6,0,0,1-5.607,2.862,100.622,100.622,0,0,1-10.512.683l-.016.026c.034.224.07.44.107.642a7.686,7.686,0,0,0,6.126,5.917,94.358,94.358,0,0,0,10.778.613l3.767,5.983a1.82,1.82,0,0,0,3.078,0l4.174-6.626a7.693,7.693,0,0,0,5.965-5.887,43.6,43.6,0,0,0,.594-7.464A42.453,42.453,0,0,0,222.707,154.893Z" transform="translate(-168.52 -136.652)" />
            <path id="Path_9088" data-name="Path 9088" d="M36.866,45.627A8.223,8.223,0,0,0,30.315,39.3a102.286,102.286,0,0,0-23.134,0A8.224,8.224,0,0,0,.63,45.627,46.208,46.208,0,0,0,0,53.609a46.1,46.1,0,0,0,.63,7.976,8.227,8.227,0,0,0,6.378,6.3l4.461,7.086a1.946,1.946,0,0,0,3.291,0l4.029-6.4a101.114,101.114,0,0,0,11.525-.656,8.225,8.225,0,0,0,6.551-6.328A46.98,46.98,0,0,0,37.5,53.6a45.631,45.631,0,0,0-.636-7.978Zm-16.3,12.117a1.768,1.768,0,0,1-1.763,1.808q-4.681-.047-9.36-.209A2.006,2.006,0,0,1,7.556,57.5a1.63,1.63,0,0,1,1.713-1.73q4.744.107,9.49.14a1.838,1.838,0,0,1,1.813,1.831Zm7.324-6.1q-9.336.051-18.673-.073a1.873,1.873,0,0,1-1.853-1.8A1.769,1.769,0,0,1,9.17,48q9.371.02,18.742.013a1.8,1.8,0,0,1,1.813,1.809,1.849,1.849,0,0,1-1.834,1.828Z" transform="translate(0 -38.641)"/>
        </svg>
    );
}

export default CatalogueIcon;