Connection

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="4.96"
        x2="58.09"
        y1="5.41"
        y2="57.66"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#15b3ff" />
        <stop offset="1" stop-color="#e200e9" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-12.37"
        x2="40.76"
        y1="23.03"
        y2="75.28"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-6.45"
        x2="46.67"
        y1="17.02"
        y2="69.27"
        href="#a"
    />
    <linearGradient id="d" x1=".88" x2="54.01" y1="9.56" y2="61.81" href="#a" />
    <linearGradient
        id="e"
        x1="6.29"
        x2="59.42"
        y1="4.06"
        y2="56.31"
        href="#a"
    />
    <linearGradient id="f" x1="-.54" x2="52.59" y1="11" y2="63.25" href="#a" />
    <linearGradient
        id="g"
        x1="8.96"
        x2="62.09"
        y1="1.34"
        y2="53.59"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="11.46"
        x2="64.59"
        y1="-1.2"
        y2="51.05"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="13.96"
        x2="67.09"
        y1="-3.74"
        y2="48.51"
        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 0-2h6a1 1 0 0 1 0 2z" />
    <path fill="url(#e)" d="M56 51h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
    <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>