import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgPortfoliosSymbolDark = (
    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.9}
            d="M11.068 4.321C4.953 4.321 0 9.275 0 15.39s4.953 11.067 11.068 11.067 11.067-4.953 11.067-11.067C22.12 9.275 17.167 4.32 11.067 4.32Zm0 18.593c-4.16 0-7.54-3.366-7.54-7.525s3.38-7.54 7.54-7.54a7.52 7.52 0 0 1 7.525 7.525 7.524 7.524 0 0 1-7.525 7.54"
            fill="#000"
        />
        <path
            opacity={0.9}
            d="M11.068 9.613a5.777 5.777 0 0 0-5.777 5.776 5.76 5.76 0 0 0 5.762 5.762 5.77 5.77 0 0 0 5.762-5.762c0-3.175-2.573-5.776-5.747-5.776m0 8.716a2.94 2.94 0 0 1-2.94-2.94 2.95 2.95 0 0 1 2.94-2.94 2.95 2.95 0 0 1 2.94 2.94 2.95 2.95 0 0 1-2.94 2.94"
            fill="#000"
        />
        <path
            d="M10.92 15.536c-.161-.132-.19-.367-.073-.514L17.8 6.1l.588.456-6.952 8.921a.36.36 0 0 1-.514.06Z"
            fill="#000"
        />
        <path
            d="M23.355 3.543 20.4 3.337 19.489.53l-1.47 1.896a3.22 3.22 0 0 0-.529 2.969l.383 1.19 1.249.088A3.16 3.16 0 0 0 21.87 5.44l1.485-1.896Z"
            fill="url(#portfolios-symbol-dark_svg__a)"
        />
        <defs>
            <linearGradient
                id="portfolios-symbol-dark_svg__a"
                x1={21.584}
                y1={5.821}
                x2={17.715}
                y2={2.803}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.481} />
                <stop offset={0.485} stopOpacity={0.986} />
                <stop offset={0.507} stopOpacity={0.9} />
            </linearGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgPortfoliosSymbolDark)
