import React from 'react';

type PenCircleProps = {
    color?:string
}

const PenCircle = ({color='#707070'}: PenCircleProps) => {

    return (
        <svg xmlns="http://www.w3.org/2000/svg" width="14.555" height="14.555" viewBox="0 0 14.555 14.555">
            <path id="pen-circle" d="M8.339,7.074l-2.1,2.1A1.832,1.832,0,0,1,4.956,9.7h-.1V9.6a1.832,1.832,0,0,1,.533-1.286l2.1-2.1Zm.633-2.348-.633.633.858.858.633-.633a.606.606,0,0,0-.858-.858Zm5.584,2.551A7.277,7.277,0,1,1,7.277,0a7.285,7.285,0,0,1,7.277,7.277ZM10.686,3.869a1.821,1.821,0,0,0-2.573,0L4.527,7.455A3.013,3.013,0,0,0,3.639,9.6v.711a.606.606,0,0,0,.606.606h.711A3.013,3.013,0,0,0,7.1,10.028l3.587-3.587a1.821,1.821,0,0,0,0-2.573Z" fill={color}/>
        </svg>


    );
}

export default PenCircle;