Connection

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="3.81"
        x2="58.56"
        y1="3.94"
        y2="58.44"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#15b3ff" />
        <stop offset="1" stop-color="#e200e9" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-13.64"
        x2="41.11"
        y1="21.47"
        y2="75.97"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-7.67"
        x2="47.08"
        y1="15.47"
        y2="69.97"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="4.29"
        x2="59.04"
        y1="3.46"
        y2="57.96"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="10.27"
        x2="65.02"
        y1="-2.54"
        y2="51.96"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-1.69"
        x2="53.06"
        y1="9.46"
        y2="63.96"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="7.81"
        x2="62.56"
        y1="-.08"
        y2="54.42"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="10.31"
        x2="65.06"
        y1="-2.59"
        y2="51.91"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="12.81"
        x2="67.56"
        y1="-5.1"
        y2="49.4"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M56 61H8a5 5 0 0 1-5-5V8a5 5 0 0 1 5-5h48a5 5 0 0 1 5 5v48a5 5 0 0 1-5 5zM8 5a3 3 0 0 0-3 3v48a3 3 0 0 0 3 3h48a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3z"
    />
    <path
        fill="url(#b)"
        d="M15 51H9a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zm-5-2h4v-4h-4z"
    />
    <path
        fill="url(#c)"
        d="M25 51h-6a1 1 0 0 1-1-1V40a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zm-5-2h4v-8h-4z"
    />
    <path
        fill="url(#d)"
        d="M45 51h-6a1 1 0 0 1-1-1V32a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1zm-5-2h4V33h-4z"
    />
    <path
        fill="url(#e)"
        d="M55 51h-6a1 1 0 0 1-1-1V28a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1zm-5-2h4V29h-4z"
    />
    <path
        fill="url(#f)"
        d="M35 51h-6a1 1 0 0 1-1-1V36a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1zm-5-2h4V37h-4z"
    />
    <path
        fill="url(#g)"
        d="M40 25a.93.93 0 0 1-.45-.11 17 17 0 0 0-15.1 0 1 1 0 0 1-.9-1.78 19 19 0 0 1 16.9 0 1 1 0 0 1 .44 1.34A1 1 0 0 1 40 25z"
    />
    <path
        fill="url(#h)"
        d="M19 20a1 1 0 0 1-.36-1.93 37.09 37.09 0 0 1 26.72 0 1 1 0 1 1-.72 1.86 35.2 35.2 0 0 0-25.28 0A.92.92 0 0 1 19 20z"
    />
    <path
        fill="url(#i)"
        d="M49 15a1 1 0 0 1-.33-.06 50.3 50.3 0 0 0-33.34 0 1 1 0 1 1-.66-1.88 52.17 52.17 0 0 1 34.66 0A1 1 0 0 1 49 15z"
    />
</svg>