import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgOkrSymbolDark = (
    props: SVGProps<SVGSVGElement>,
    ref: Ref<SVGSVGElement>
) => (
    <svg
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 24 31"
        preserveAspectRatio="xMidYMid meet"
        focusable="false"
        ref={ref}
        {...props}
    >
        <path
            d="M18.267 12.752c0 .014-.015.044 0 .059.191.545-.985 1.65-1.97 1.754-.822.088-1.91-.34-1.91-.34s-1.337-.427-2.013-.427c-1.19 0-1.837.62-1.91.693l-1.735 4.362c-.22.56-.91.988-1.308.398l-.75-1.34c-.631-1.254-2.41-1.298-3.115-.09L0 26.017h23.543z"
            fill="url(#okr-symbol-dark_svg__a)"
        />
        <path
            opacity={0.1}
            d="M12.389 13.799c.676 0 2.013.427 2.013.427s1.073.442 1.91.339c.985-.118 2.16-1.223 1.97-1.754-.015-.03 0-.044 0-.059l-1.72-4.318c-.661-1.651-3.012-1.651-3.659 0l-2.425 6.057c.074-.073.72-.692 1.91-.692Z"
            fill="#000"
        />
        <path
            d="M14.431 3.408h-.073c-.118.014-.22.118-.206.236l.25 3.537a.24.24 0 0 0 .235.206c.03 0 .059-.015.088-.03a.24.24 0 0 0 .118-.22l-.074-1.46c0-.132.088-.235.22-.235.868 0 2.323.22 2.279-.148L17.09 3.32c-.205.295-1.88.133-2.66.089Z"
            fill="#000"
        />
        <defs>
            <linearGradient
                id="okr-symbol-dark_svg__a"
                x1={11.772}
                y1={26.015}
                x2={11.772}
                y2={12.747}
                gradientUnits="userSpaceOnUse"
            >
                <stop stopOpacity={0.8} />
                <stop offset={0.601} />
            </linearGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgOkrSymbolDark)
