import React from 'react';

type customerServiceProps = {
    color?: string
}

const CustomerService = ({color='#1a73e8'}: customerServiceProps) => {

    return (
        <svg fill={color} xmlns="http://www.w3.org/2000/svg" width="44.252" height="38.016" viewBox="0 0 44.252 38.016">
            <g id="customer-service_1_" data-name="customer-service (1)" transform="translate(-39 -43.011)">
                <g id="solid" transform="translate(39 43.011)">
                    <path id="Path_9300" data-name="Path 9300" d="M79.607,65.782a14.842,14.842,0,0,1-3.485,6.339,18.6,18.6,0,0,1-11.94,5.686c-.487.04-.98.058-1.476.058a1.58,1.58,0,1,0,0,3.161q.872,0,1.726-.068A21.758,21.758,0,0,0,78.411,74.3a.18.18,0,0,0,.017-.017,17.99,17.99,0,0,0,4.823-12.258,1,1,0,0,0-.033-.289,4.819,4.819,0,0,0,.033-.567V56.427a4.741,4.741,0,0,0-4.741-4.741H76.973a17.394,17.394,0,0,1,0,14.224h1.538A4.734,4.734,0,0,0,79.607,65.782ZM57.965,77.763H55.594a1.58,1.58,0,1,0,0,3.161h2.371a1.58,1.58,0,0,0,0-3.161Zm3.161-34.752A15.787,15.787,0,1,1,45.339,58.8,15.795,15.795,0,0,1,61.126,43.011ZM53.78,65.532a11.191,11.191,0,0,0,14.692,0,1.58,1.58,0,1,0-2.048-2.405,8.038,8.038,0,0,1-10.6,0,1.58,1.58,0,1,0-2.048,2.405Zm-8.5-13.846H43.741A4.741,4.741,0,0,0,39,56.427v4.741a4.741,4.741,0,0,0,4.741,4.741h1.538a17.394,17.394,0,0,1,0-14.224Z" transform="translate(-39 -43.011)"  />
                </g>
            </g>
        </svg>

    );
}

export default CustomerService;