import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgEnterpriseArchitectureSymbolLight = (
    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="M11.937 11.485a4.234 4.234 0 1 0 0-8.467 4.234 4.234 0 0 0 0 8.467"
            fill="url(#enterprise-architecture-symbol-light_svg__a)"
        />
        <path
            d="M6.365 25.818a6.365 6.365 0 1 0 0-12.73 6.365 6.365 0 0 0 0 12.73"
            fill="url(#enterprise-architecture-symbol-light_svg__b)"
        />
        <path
            d="M19.228 19.82a2.97 2.97 0 1 0 0-5.939 2.97 2.97 0 0 0 0 5.939"
            fill="url(#enterprise-architecture-symbol-light_svg__c)"
        />
        <path
            d="M21.933 7.266a1.75 1.75 0 1 0 0-3.498 1.75 1.75 0 0 0 0 3.498"
            fill="url(#enterprise-architecture-symbol-light_svg__d)"
        />
        <path
            d="m21.036 5.017-9.1 1.72c-.293.014-.573.147-.72.44l-6.335 12.51c-.191.383.147.824.558.736l13.73-2.882a.776.776 0 0 0 .456-1.235l-6.63-8.746 8.217-1.558c.265-.044.441-.309.397-.588a.49.49 0 0 0-.573-.397m-14.2 13.76 5.204-10.29 6.027 7.922z"
            fill="#fff"
        />
        <defs>
            <radialGradient
                id="enterprise-architecture-symbol-light_svg__a"
                cx={0}
                cy={0}
                r={1}
                gradientUnits="userSpaceOnUse"
                gradientTransform="rotate(11.712 -29.38 61.814)scale(4.2341)"
            >
                <stop offset={0.232} stopColor="#fff" />
                <stop offset={0.961} stopColor="#fff" stopOpacity={0.7} />
            </radialGradient>
            <radialGradient
                id="enterprise-architecture-symbol-light_svg__b"
                cx={0}
                cy={0}
                r={1}
                gradientUnits="userSpaceOnUse"
                gradientTransform="rotate(11.712 -91.617 40.761)scale(6.36778)"
            >
                <stop offset={0.232} stopColor="#fff" />
                <stop offset={0.961} stopColor="#fff" stopOpacity={0.7} />
            </radialGradient>
            <radialGradient
                id="enterprise-architecture-symbol-light_svg__c"
                cx={0}
                cy={0}
                r={1}
                gradientUnits="userSpaceOnUse"
                gradientTransform="rotate(11.712 -72.545 102.182)scale(2.97586)"
            >
                <stop offset={0.232} stopColor="#fff" />
                <stop offset={0.961} stopColor="#fff" stopOpacity={0.7} />
            </radialGradient>
            <radialGradient
                id="enterprise-architecture-symbol-light_svg__d"
                cx={0}
                cy={0}
                r={1}
                gradientUnits="userSpaceOnUse"
                gradientTransform="rotate(11.712 -15.907 109.666)scale(1.75061)"
            >
                <stop offset={0.232} stopColor="#fff" />
                <stop offset={0.961} stopColor="#fff" stopOpacity={0.7} />
            </radialGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgEnterpriseArchitectureSymbolLight)
