import React from 'react';

type catalogueIconProps = {
    color?: string
}

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

    return (
        <svg fill={color} xmlns="http://www.w3.org/2000/svg" width="46" height="46" viewBox="0 0 46 46">
            <g id="Group_23542" data-name="Group 23542" transform="translate(-505 -585)">
                <circle id="Ellipse_3" data-name="Ellipse 3" cx="23" cy="23" r="23" transform="translate(505 585)" fill={color}/>
                <path id="call" d="M41.687,34.673,37.91,32.492a2.507,2.507,0,0,0-3.421.917,1.676,1.676,0,0,1-1.049.863,1.508,1.508,0,0,1-1.27-.285A24.558,24.558,0,0,1,27.881,29.7a1.508,1.508,0,0,1-.285-1.27,1.676,1.676,0,0,1,.863-1.049,2.507,2.507,0,0,0,.917-3.421L27.2,20.181A2.489,2.489,0,0,0,24.111,19.1l-.046.018a13.072,13.072,0,0,0-3.669,1.8c-.991.991-2,2.837-1.149,6,1.644,6.136,9.572,14.064,15.708,15.708a8.634,8.634,0,0,0,2.234.318,5.127,5.127,0,0,0,3.762-1.467,13.077,13.077,0,0,0,1.8-3.67l.018-.045a2.489,2.489,0,0,0-1.079-3.084Zm-.715,2.38-.018.046a18.2,18.2,0,0,1-1.367,3.012c-.92.92-2.311,1.139-4.134.65-5.5-1.473-12.872-8.847-14.345-14.345-.489-1.823-.27-3.214.649-4.133a18.157,18.157,0,0,1,3.012-1.367l.046-.018a.6.6,0,0,1,.218-.042.566.566,0,0,1,.493.291l2.181,3.777a.58.58,0,0,1-.211.788,3.549,3.549,0,0,0-1.788,2.332,3.425,3.425,0,0,0,.632,2.814,26.342,26.342,0,0,0,4.673,4.673,3.426,3.426,0,0,0,2.814.632,3.549,3.549,0,0,0,2.332-1.788.58.58,0,0,1,.788-.211l3.777,2.181a.567.567,0,0,1,.249.711ZM31.278,23.729a.964.964,0,0,1,.964-.964A6.861,6.861,0,0,1,39.1,29.626a.964.964,0,0,1-1.927,0,4.934,4.934,0,0,0-4.934-4.934A.964.964,0,0,1,31.278,23.729Zm0-3.791a.964.964,0,0,1,.964-.964A10.652,10.652,0,0,1,42.894,29.626a.964.964,0,0,1-1.927,0A8.725,8.725,0,0,0,32.242,20.9.964.964,0,0,1,31.278,19.938Zm0,7.583a.964.964,0,0,1,.964-.964,3.07,3.07,0,0,1,3.07,3.07.964.964,0,1,1-1.927,0,1.143,1.143,0,0,0-1.143-1.142A.964.964,0,0,1,31.278,27.52Z" transform="translate(495.418 576.845)" fill="#fff" stroke="#fff" strokeWidth="0.5"/>
            </g>
        </svg>

    );
}

export default CatalogueIcon;