import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgConnectionGraph = (
    props: SVGProps<SVGSVGElement>,
    ref: Ref<SVGSVGElement>
) => (
    <svg
        viewBox="0 0 16 17"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        preserveAspectRatio="xMidYMid meet"
        focusable="false"
        ref={ref}
        {...props}
    >
        <path
            fillRule="evenodd"
            clipRule="evenodd"
            d="M11 7.5q0-.117-.008-.231l1.143-.452a2.25 2.25 0 1 0-.615-1.263l-.9.357a3.5 3.5 0 0 0-5.056-1.327l-1.31-1.31a2.25 2.25 0 1 0-.993.987l1.315 1.315A3.5 3.5 0 0 0 4 7.5c0 .534.12 1.04.333 1.492l-1.135 1.217a2.25 2.25 0 1 0 1.024.956l.966-1.037A3.5 3.5 0 0 0 7.5 11c.71 0 1.372-.212 1.924-.576l2.315 2.315a2.25 2.25 0 1 0 .987-.994l-2.31-2.31c.37-.554.584-1.22.584-1.935M2.25 3.1a.85.85 0 1 1 0-1.7.85.85 0 0 1 0 1.7M5.4 7.5a2.1 2.1 0 1 0 4.2 0 2.1 2.1 0 0 0-4.2 0m8.35 7.1a.85.85 0 1 1 0-1.7.85.85 0 0 1 0 1.7M3.1 12.25a.85.85 0 1 0-1.7 0 .85.85 0 0 0 1.7 0M13.75 4.4a.85.85 0 1 1 0 1.7.85.85 0 0 1 0-1.7"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(
    React.forwardRef(SvgConnectionGraph),
    'ConnectionGraph'
)