import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgAdvisorExpressSymbolLight = (
    props: SVGProps<SVGSVGElement>,
    ref: Ref<SVGSVGElement>
) => (
    <svg
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 24 31"
        preserveAspectRatio="xMidYMid meet"
        focusable="false"
        ref={ref}
        {...props}
    >
        <path
            d="M3.88 16.57c-.117-.235-.396-.337-.616-.22L.478 18.359c-.513.308-.689 1.04-.146 2.082.542 1.012.997 1.114 1.51.85l3.343-1.026a.49.49 0 0 0 .19-.645c-.336-1.144-.835-2.17-1.495-3.05"
            fill="url(#advisor-express-symbol-light_svg__a)"
        />
        <path
            d="M5.214 17.757c.558 1.056.587 2.156.059 2.464s-1.422-.308-1.98-1.364c-.557-1.056-.586-2.155-.058-2.463s1.422.293 1.98 1.363Z"
            fill="url(#advisor-express-symbol-light_svg__b)"
        />
        <path
            d="M11.753 17.537c-.572-1.935-1.393-3.65-2.492-5.102-.191-.396-.645-.557-1.027-.352l-4.897 3.08c-.85.527-.923 1.978 0 3.709.895 1.686 1.936 2.404 2.8 2.023v.015l5.279-2.332c.381-.176.528-.645.337-1.04Z"
            fill="url(#advisor-express-symbol-light_svg__c)"
        />
        <path
            opacity={0.2}
            d="M21.386 15.382c1.154-.605.975-3.223-.4-5.848s-3.427-4.263-4.581-3.658-.976 3.223.4 5.849c1.375 2.625 3.426 4.263 4.58 3.657Z"
            fill="#fff"
        />
        <path
            d="M22.397 8.623c-1.51-2.859-3.782-4.648-5.424-4.413a1.4 1.4 0 0 0-.543.147l-.117.088a1 1 0 0 0-.162.102l-8.62 5.733 4.911 9.838 9.867-3.739c.132-.059.235-.146.337-.25 1.54-.996 1.452-4.31-.249-7.506m-.22 6.832c-.542.308-1.231.264-1.95-.073-1.085-.396-2.404-1.73-3.387-3.577-.982-1.848-1.378-3.724-1.114-4.883.103-.82.44-1.466.997-1.774 1.437-.82 3.548 1.012 5.059 3.856 1.495 2.845 1.832 5.645.395 6.451"
            fill="#fff"
        />
        <path
            d="M13.351 13.55c1.716 3.24.924 5.541-.704 6.465-1.627.924-3.489.132-5.204-3.108-1.716-3.24-1.481-5.733.16-6.656 1.643-.924 4.018.043 5.748 3.298Zm-6.568 9.911a.874.874 0 0 1-.762-.88c.014-.6.014-1.334.014-1.378V18.52a.804.804 0 0 0-.806-.807.804.804 0 0 0-.807.807v2.683c0 .044.015.792.015 1.393 0 .44-.308.792-.748.865-.63.103-1.041.279-1.041.47 0 .322 1.188.586 2.654.586s2.654-.264 2.654-.587c.044-.19-.44-.366-1.173-.469"
            fill="#fff"
        />
        <defs>
            <linearGradient
                id="advisor-express-symbol-light_svg__a"
                x1={-0.032}
                y1={19.248}
                x2={5.225}
                y2={18.446}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.502} stopColor="#fff" />
                <stop offset={0.832} stopColor="#A8A8A8" />
            </linearGradient>
            <linearGradient
                id="advisor-express-symbol-light_svg__b"
                x1={3.008}
                y1={18.49}
                x2={5.499}
                y2={18.11}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.502} stopColor="#fff" />
                <stop offset={0.832} stopColor="#fff" stopOpacity={0.6} />
            </linearGradient>
            <linearGradient
                id="advisor-express-symbol-light_svg__c"
                x1={2.718}
                y1={17.176}
                x2={11.526}
                y2={15.832}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.502} stopColor="#fff" />
                <stop offset={0.844} stopColor="#A8A8A8" />
            </linearGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgAdvisorExpressSymbolLight)
