Connection

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="a"
        x1="8.293"
        x2="19.707"
        y1="6.293"
        y2="17.707"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00c0ff" />
        <stop offset="1" stop-color="#1f9bff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="8.293"
        x2="11.707"
        y1="10.293"
        y2="13.707"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="4.793"
        x2="11.207"
        y1="8.793"
        y2="15.207"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M17 20h-6a1 1 0 0 1-.868-1.5l3.717-6.5-3.717-6.5A1 1 0 0 1 11 4h6a1 1 0 0 1 .868.5l4 7a1 1 0 0 1 0 .992l-4 7A1 1 0 0 1 17 20z"
        />
        <path
            fill="url(#b)"
            d="M10 15a1 1 0 0 1-.707-.293l-2-2a1 1 0 0 1 0-1.414l2-2a1 1 0 0 1 1.414 1.414L9.414 12l1.293 1.293A1 1 0 0 1 10 15z"
        />
        <path
            fill="url(#c)"
            d="M8 18a1 1 0 0 1-.707-.293l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 0 1 1.414 1.414L4.414 12l4.293 4.293A1 1 0 0 1 8 18z"
        />
    </g>
</svg>