import React from 'react';

type AddServiceProps = {
    color?: string
}

const AddService = ({color='#040059'}: AddServiceProps) => {

    return (
        <svg id="add_2_" data-name="add (2)" xmlns="http://www.w3.org/2000/svg" width="16.413" height="16.413" viewBox="0 0 16.413 16.413">
            <g id="Group_20421" data-name="Groups 20421" transform="translate(0 0)">
                <g id="Group_20420" data-name="Groups 20420">
                    <path id="Path_9506" data-name="Path 9506" d="M8.206,0a8.206,8.206,0,1,0,8.206,8.206A8.215,8.215,0,0,0,8.206,0Zm0,15.141a6.935,6.935,0,1,1,6.935-6.935A6.943,6.943,0,0,1,8.206,15.141Z" transform="translate(0 0)" fill={color}/>
                </g>
            </g>
            <g id="Group_20423" data-name="Groups 20423" transform="translate(4.392 4.335)">
                <g id="Group_20422" data-name="Groups 20422">
                    <path id="Path_9507" data-name="Path 9507" d="M144.014,138.416h-2.543v-2.543a.636.636,0,0,0-1.271,0v2.543h-2.543a.636.636,0,0,0,0,1.271H140.2v2.543a.636.636,0,1,0,1.271,0v-2.543h2.543a.636.636,0,0,0,0-1.271Z" transform="translate(-137.022 -135.238)" fill={color}/>
                </g>
            </g>
        </svg>

    );
}

export default AddService;