import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgVizSymbolDark = (
    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="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.16-1.305 13.158.356 20.125c.103.456.25.897.397 1.323-.882-5.777 2.793-11.363 8.584-12.744Z"
            fill="url(#viz-symbol-dark_svg__a)"
        />
        <path
            d="M15.864 16.7a1.26 1.26 0 0 1 .03-1.146l4.91-9.084-.692-.5-6.864 7.79c-.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.895a4.277 4.277 0 0 0 5.673 3.865c1.235-.426 2.132-1.455 2.573-2.69.455-1.263.308-2.263-.089-3.1Z"
            fill="#000"
        />
        <defs>
            <linearGradient
                id="viz-symbol-dark_svg__a"
                x1={0.004}
                y1={12.797}
                x2={18.464}
                y2={12.797}
                gradientUnits="userSpaceOnUse"
            >
                <stop stopOpacity={0.4} />
                <stop offset={0.65} />
            </linearGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgVizSymbolDark)
