import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgVizSymbolLight = (
    props: SVGProps<SVGSVGElement>,
    ref: Ref<SVGSVGElement>
) => (
    <svg
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 21 31"
        preserveAspectRatio="xMidYMid meet"
        focusable="false"
        ref={ref}
        {...props}
    >
        <path
            d="M15.864 16.7a1.26 1.26 0 0 1 .03-1.147l4.91-9.084-.691-.5-6.865 7.791c-.25.294-.632.456-1.014.441a4.3 4.3 0 0 0-2.337.53c-1.382.778-2.264 2.307-2.19 3.894a4.277 4.277 0 0 0 5.673 3.866c1.235-.426 2.132-1.455 2.573-2.69.455-1.264.308-2.263-.089-3.101"
            fill="#fff"
        />
        <path
            d="M9.338 8.704a11.3 11.3 0 0 1 5.865.162l3.263-3.499a12.84 12.84 0 0 0-8.51-.867C2.987 6.161-1.305 13.158.356 20.125c.103.456.25.897.397 1.323-.882-5.777 2.793-11.362 8.584-12.744Z"
            fill="url(#viz-symbol-light_svg__a)"
        />
        <defs>
            <linearGradient
                id="viz-symbol-light_svg__a"
                x1={0.004}
                y1={12.797}
                x2={18.464}
                y2={12.797}
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#fff" stopOpacity={0.3} />
                <stop offset={0.666} stopColor="#fff" />
            </linearGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgVizSymbolLight)
