import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgHubSymbolLight = (
    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="M19.654 22.49c-.311-.093-.618-.073-.915-.01l-2.168-3.568 1.966-3.417a1.59 1.59 0 0 0 0-1.585l-1.994-3.466c-.009-.015-.022-.027-.03-.041l.017.01 2.117-3.616c.167.018.333.043.506.013a1.873 1.873 0 0 0 1.515-2.17 1.867 1.867 0 1 0-3.677.65c.059.335.226.614.43.857l-2.065 3.528c-.06-.008-.118-.024-.178-.024h-3.987c-.564 0-1.085.302-1.367.793L7.831 13.91l-.006.013-4.263-.075c-.069-.158-.13-.319-.247-.459a1.86 1.86 0 0 0-2.629-.24 1.88 1.88 0 0 0-.239 2.64 1.86 1.86 0 0 0 2.63.24c.257-.217.416-.497.525-.793l4.153.074c.024.061.042.125.076.184l1.993 3.466c.282.49.803.792 1.367.792h3.987c.09 0 .176-.02.263-.035l2.155 3.545c-.102.154-.204.307-.26.492a1.874 1.874 0 0 0 1.26 2.329 1.865 1.865 0 0 0 2.32-1.266 1.874 1.874 0 0 0-1.26-2.328z"
            fill="url(#hub-symbol-light_svg__a)"
        />
        <defs>
            <linearGradient
                id="hub-symbol-light_svg__a"
                x1={4.509}
                y1={22.91}
                x2={24.645}
                y2={11.329}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.5} stopColor="#fff" stopOpacity={0.9} />
                <stop offset={0.51} stopColor="#fff" stopOpacity={0.92} />
                <stop offset={0.54} stopColor="#fff" stopOpacity={0.97} />
                <stop offset={0.59} stopColor="#fff" stopOpacity={0.99} />
                <stop offset={0.72} stopColor="#fff" />
            </linearGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgHubSymbolLight)
