import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgPortfoliosSymbolLight = (
    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
            opacity={0.95}
            d="M11.043 4.312C4.943 4.312 0 9.254 0 15.355s4.942 11.043 11.043 11.043 11.044-4.942 11.044-11.043C22.072 9.254 17.13 4.312 11.043 4.312m0 18.552c-4.15 0-7.523-3.359-7.523-7.509a7.53 7.53 0 0 1 7.523-7.524 7.505 7.505 0 0 1 7.51 7.51 7.51 7.51 0 0 1-7.51 7.523"
            fill="#fff"
        />
        <path
            opacity={0.95}
            d="M11.043 9.591a5.765 5.765 0 0 0-5.763 5.764 5.749 5.749 0 1 0 11.498 0c0-3.168-2.567-5.764-5.735-5.764m0 8.697a2.93 2.93 0 0 1-2.933-2.933 2.94 2.94 0 0 1 2.933-2.933 2.94 2.94 0 0 1 2.933 2.933 2.94 2.94 0 0 1-2.933 2.933"
            fill="#fff"
        />
        <path
            d="M10.897 15.502c-.162-.132-.19-.367-.074-.514l6.937-8.902.587.455-6.937 8.902a.357.357 0 0 1-.513.059"
            fill="#fff"
        />
        <path
            d="m23.304 3.534-2.948-.205-.91-2.801L17.98 2.42c-.66.836-.85 1.95-.528 2.962l.381 1.188 1.247.088a3.15 3.15 0 0 0 2.743-1.232z"
            fill="url(#portfolios-symbol-light_svg__a)"
        />
        <defs>
            <linearGradient
                id="portfolios-symbol-light_svg__a"
                x1={21.537}
                y1={5.807}
                x2={17.676}
                y2={2.796}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.481} stopColor="#fff" stopOpacity={0.95} />
                <stop offset={0.485} stopColor="#fff" stopOpacity={0.957} />
                <stop offset={0.507} stopColor="#fff" />
            </linearGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgPortfoliosSymbolLight)
