import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgOkrSymbolLight = (
    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="M14.431 3.436h-.073c-.118.014-.22.117-.206.235l.25 3.527a.24.24 0 0 0 .235.205.2.2 0 0 0 .088-.029.24.24 0 0 0 .118-.22l-.074-1.455c0-.133.088-.235.22-.235.868 0 2.322.22 2.278-.147l-.176-1.97c-.206.294-1.88.133-2.66.089"
            fill="#fff"
        />
        <path
            d="M18.267 12.753c0 .014-.015.044 0 .058.19.544-.985 1.646-1.97 1.75-.822.087-1.91-.339-1.91-.339s-1.337-.426-2.013-.426c-1.19 0-1.837.617-1.91.69l-1.735 4.35c-.22.56-.91.985-1.308.397l-.75-1.337c-.631-1.249-2.41-1.293-3.115-.088L0 25.978h23.543z"
            fill="url(#okr-symbol-light_svg__a)"
        />
        <path
            d="M12.389 13.796c.676 0 2.013.426 2.013.426s1.073.441 1.91.338c.985-.117 2.16-1.22 1.97-1.749-.015-.029 0-.044 0-.058l-1.72-4.306c-.661-1.646-3.013-1.646-3.66 0l-2.424 6.04c.074-.074.72-.691 1.91-.691Z"
            fill="#fff"
        />
        <defs>
            <linearGradient
                id="okr-symbol-light_svg__a"
                x1={11.772}
                y1={25.978}
                x2={11.772}
                y2={12.748}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.423} stopColor="#fff" />
                <stop offset={1} stopColor="#fff" stopOpacity={0.8} />
            </linearGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgOkrSymbolLight)
