import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgAdaptiveWorkSymbolLight = (
    props: SVGProps<SVGSVGElement>,
    ref: Ref<SVGSVGElement>
) => (
    <svg
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 23 31"
        preserveAspectRatio="xMidYMid meet"
        focusable="false"
        ref={ref}
        {...props}
    >
        <path
            d="m22.11 22.114-3.66-4.247v2.557c-1.234.368-4.702.794-7.303-4.952-2.983-6.613-6.143-7.23-9.86-6.407-.985.22-1.544 1.47-1.147 2.557.294.808 1.029 1.278 1.778 1.117 2.307-.515 4.041-.78 6.407 4.452 2.528 5.585 6.114 7.128 8.877 7.128.44 0 .867-.044 1.263-.118v2.16z"
            fill="url(#adaptive-work-symbol-light_svg__a)"
        />
        <path
            d="m22.11 7.625-3.66-4.248v2.278c-2.85-.5-7.2.544-10.14 7.025-2.35 5.217-4.085 4.967-6.392 4.453-.75-.162-1.5.308-1.793 1.131-.397 1.117.191 2.352 1.205 2.572.676.147 1.41.25 2.19.25 3.086 0 5.275-1.5 7.627-6.687 2.6-5.76 6.084-5.32 7.304-4.952v2.41z"
            fill="#fff"
        />
        <defs>
            <linearGradient
                id="adaptive-work-symbol-light_svg__a"
                x1={1.834}
                y1={9.354}
                x2={20.253}
                y2={24.148}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.162} stopColor="#fff" />
                <stop offset={0.377} stopColor="#fff" stopOpacity={0.7} />
                <stop offset={0.494} stopColor="#fff" stopOpacity={0.8} />
                <stop offset={0.654} stopColor="#fff" />
            </linearGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgAdaptiveWorkSymbolLight)
