import React from "react"

interface IconProps {
    /** SVG icon style class name */
    className?: string
}

const EditSvg = (props: IconProps) => {
    const { className } = props
    const _class = className || 'w-10 h-10'
    return (
        <svg className={_class} viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
            <circle cx="20.5" cy="20.5" r="20.5" fill="#F4F4F4" />
            <g clipPath="url(#clip0_4530_64652)">
                <path d="M31.037 30.0713H8.9645C8.7087 30.0713 8.46337 30.1729 8.2825 30.3538C8.10162 30.5347 8 30.78 8 31.0358C8 31.2916 8.10162 31.5369 8.2825 31.7178C8.46337 31.8987 8.7087 32.0003 8.9645 32.0003H31.037C31.1637 32.0003 31.2891 31.9754 31.4061 31.9269C31.5231 31.8784 31.6294 31.8074 31.719 31.7178C31.8086 31.6282 31.8796 31.5219 31.9281 31.4049C31.9766 31.2879 32.0015 31.1625 32.0015 31.0358C32.0015 30.9091 31.9766 30.7837 31.9281 30.6667C31.8796 30.5497 31.8086 30.4434 31.719 30.3538C31.6294 30.2642 31.5231 30.1932 31.4061 30.1447C31.2891 30.0962 31.1637 30.0713 31.037 30.0713ZM14.2145 26.9108L20.537 24.2318C20.6339 24.1918 20.7244 24.1377 20.8055 24.0713L31.439 13.4108C31.6212 13.2335 31.765 13.0208 31.8618 12.7858C31.9585 12.5508 32.0061 12.2984 32.0015 12.0443C32.0061 11.7902 31.9585 11.5378 31.8618 11.3028C31.765 11.0678 31.6212 10.8551 31.439 10.6778L29.3195 8.5628C29.1422 8.38065 28.9295 8.23677 28.6945 8.14002C28.4595 8.04328 28.2071 7.99572 27.953 8.0003C27.6989 7.99572 27.4465 8.04328 27.2115 8.14002C26.9765 8.23677 26.7638 8.38065 26.5865 8.5628L15.956 19.1963C15.8705 19.2799 15.8062 19.3828 15.7685 19.4963L13.0895 25.7858C13.0163 25.9416 12.995 26.1167 13.0288 26.2854C13.0625 26.4542 13.1495 26.6077 13.277 26.7233C13.3926 26.8508 13.5461 26.9378 13.7149 26.9715C13.8836 27.0053 14.0587 26.984 14.2145 26.9108ZM27.956 9.9278L30.0695 12.0443L28.412 13.7048L26.2955 11.5883L27.956 9.9278ZM17.456 20.4278L24.929 12.9548L27.0455 15.0713L19.5695 22.5443L15.902 24.0983L17.456 20.4278Z" fill="#252525" />
            </g>
            <defs>
                <clipPath id="clip0_4530_64652">
                    <rect width="24" height="24" fill="white" transform="translate(8 8)" />
                </clipPath>
            </defs>
        </svg>

    )
}

export default EditSvg