import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgHubSymbolDark = (
    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-.074-.915-.01l-2.168-3.569 1.966-3.418a1.59 1.59 0 0 0 0-1.586l-1.994-3.466c-.009-.015-.022-.027-.03-.042l.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-.007-.118-.023-.178-.023h-3.987c-.564 0-1.085.302-1.367.793l-1.993 3.466s-.003.01-.006.014l-4.263-.076c-.069-.157-.13-.318-.247-.458a1.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.073c.024.062.042.126.076.185l1.993 3.466c.282.49.803.793 1.367.793h3.987c.09 0 .176-.02.263-.035l2.155 3.546c-.102.153-.204.306-.26.492a1.875 1.875 0 0 0 1.26 2.329 1.865 1.865 0 0 0 2.32-1.266 1.875 1.875 0 0 0-1.26-2.329z"
            fill="url(#hub-symbol-dark_svg__a)"
        />
        <defs>
            <linearGradient
                id="hub-symbol-dark_svg__a"
                x1={4.509}
                y1={22.911}
                x2={24.647}
                y2={11.33}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.49} stopOpacity={0.85} />
                <stop offset={0.53} />
            </linearGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgHubSymbolDark)
