import { SvgProps } from '@/@types/common'

const NextJs = ({ height = 100, width = 100, ...rest }: SvgProps) => {
    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 512 512"
            width={width}
            height={height}
            fillRule="evenodd"
            clipRule="evenodd"
            strokeLinejoin="round"
            strokeMiterlimit={2}
            {...rest}
        >
            <g transform="translate(.722 .64) scale(6.375)">
                <circle cx={40} cy={40} r={40} />
                <path
                    d="M66.448 70.009L30.73 24H24v31.987h5.384v-25.15l32.838 42.427a40.116 40.116 0 004.226-3.255z"
                    fill="url(#nextjs_Linear1)"
                    className="[fill-rule:nonzero]"
                />
                <path
                    fill="url(#nextjs_Linear2)"
                    d="M51.111 24h5.333v32h-5.333z"
                />
            </g>
            <defs>
                <linearGradient
                    id="nextjs_Linear1"
                    x1={0}
                    y1={0}
                    x2={1}
                    y2={0}
                    gradientUnits="userSpaceOnUse"
                    gradientTransform="rotate(51.103 -29.93 76.555) scale(25.1269)"
                >
                    <stop offset={0} className="[stop-color:#fff]" />
                    <stop
                        offset={1}
                        className="[stop-color:#fff] [stop-opacity:0]"
                    />
                </linearGradient>
                <linearGradient
                    id="nextjs_Linear2"
                    x1={0}
                    y1={0}
                    x2={1}
                    y2={0}
                    gradientUnits="userSpaceOnUse"
                    gradientTransform="rotate(90.218 14.934 38.787) scale(23.50017)"
                >
                    <stop offset={0} className="[stop-color:#fff]" />
                    <stop
                        offset={1}
                        className="[stop-color:#fff] [stop-opacity:0]"
                    />
                </linearGradient>
            </defs>
        </svg>
    )
}

export default NextJs