import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { useLightLogo } from '../utils'
const SvgPortfolios = (
    props: SVGProps<SVGSVGElement>,
    ref: Ref<SVGSVGElement>
) => {
    const fill = useLightLogo() ? '#fff' : '#070606'
    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 180 180"
            ref={ref}
            {...props}
        >
            <defs>
                <linearGradient
                    id="portfolios_svg__a"
                    x1={108.37}
                    y1={22.726}
                    x2={84.763}
                    y2={-0.881}
                    gradientTransform="rotate(-7.048 251.6 -369.035)"
                    gradientUnits="userSpaceOnUse"
                >
                    <stop offset={0.481} stopColor={fill} />
                    <stop offset={0.507} stopColor={fill} stopOpacity={0.9} />
                </linearGradient>
            </defs>
            <path
                d="M85.676 28.138a75.26 75.26 0 1 0 75.26 75.26 75.26 75.26 0 0 0-75.26-75.26Zm0 126.508a51.248 51.248 0 1 1 51.248-51.248 51.248 51.248 0 0 1-51.248 51.248Z"
                fill={fill}
                opacity={0.9}
            />
            <path
                d="M84.683 64.168a39.23 39.23 0 1 0 39.23 39.23 39.23 39.23 0 0 0-39.23-39.23Zm0 59.244a20.014 20.014 0 1 1 20.014-20.014 20.014 20.014 0 0 1-20.014 20.014Z"
                fill={fill}
                opacity={0.9}
            />
            <path
                d="m131.795 39.24 3.98 3.105-47.342 60.702a2.497 2.497 0 0 1-3.505.433l-.042-.033a2.497 2.497 0 0 1-.434-3.505l47.343-60.701Z"
                fill={fill}
            />
            <path
                d="m169.585 21.874-20.093-1.381-6.233-19.151-10.047 12.882a21.87 21.87 0 0 0-3.552 20.218l2.636 8.099 8.496.584a21.87 21.87 0 0 0 18.744-8.369Z"
                fill="url(#portfolios_svg__a)"
            />
        </svg>
    )
}
export default React.forwardRef(SvgPortfolios)
