import React from 'react';

type SignatureIconProps = {
    color?: string
    width?: string
    height?: string
}

const SignatureIcon = ({color,width,height}: SignatureIconProps) => {

    return (
        <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 40.214 34.032">
            <path id="curvature" d="M38.8,49.569,28.656,39.425l-5.439,5.439L13.582,50.6l-5,17.631-.8.8a3.221,3.221,0,0,1-4.655-4.45L4.663,62.9a5.486,5.486,0,0,0-.171-7.592L1.608,52.425,0,54.033l2.883,2.883a3.215,3.215,0,0,1,.1,4.45L1.447,63.048A5.495,5.495,0,0,0,9.389,70.64l.8-.8L28.007,64.7l5.367-9.708ZM28.656,42.641l6.927,6.927L32.457,52.7,25.53,45.768ZM26.446,62.826,13.38,66.663l6.613-6.6,2.319-.01-.045-3.922-3.906.045.01,2.293-6.565,6.557,3.674-12.907L23.743,47.2l7.3,7.3Z" transform="translate(0.707 -38.718)" fill={color} stroke="#fff" strokeWidth="1"/>
        </svg>
    );
}

export default SignatureIcon;