Layout

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="17.371"
        x2="14.837"
        y1="66.076"
        y2="1.88"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#00e7f0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="21.365"
        x2="18.831"
        y1="65.918"
        y2="1.723"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="25.359"
        x2="22.825"
        y1="65.761"
        y2="1.565"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="33.517"
        x2="30.983"
        y1="65.439"
        y2="1.243"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="31.993"
        x2="29.459"
        y1="65.499"
        y2="1.303"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="21.654"
        x2="19.12"
        y1="65.907"
        y2="1.711"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="38.207"
        x2="35.673"
        y1="65.254"
        y2="1.058"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="38.05"
        x2="35.516"
        y1="65.26"
        y2="1.064"
        href="#a"
    />
    <g>
        <path fill="url(#a)" d="M14 5h2v2h-2z" />
        <path fill="url(#b)" d="M18 5h2v2h-2z" />
        <path fill="url(#c)" d="M22 5h2v2h-2z" />
        <path
            fill="url(#d)"
            d="M57 6h-7V5a3 3 0 0 0-3-3H13a3 3 0 0 0-3 3v1H7a5.006 5.006 0 0 0-5 5v32a5.006 5.006 0 0 0 5 5h17v6H14a4 4 0 0 0 0 8h36a4 4 0 0 0 0-8H40v-6h17a5.006 5.006 0 0 0 5-5V11a5.006 5.006 0 0 0-5-5zm-7 26h1a2 2 0 0 1 0 4h-1zm0 6h1a4 4 0 0 0 0-8h-1V12h6v28h-6zM12 5a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1v3H12zm0 5h36v20H21a1 1 0 0 0-.447.105l-6 3a1 1 0 0 0 0 1.79l6 3A1 1 0 0 0 21 38h27v2H12zm36 22v4h-2v-4zm-22.667 1L24 32h20v1zM44 35v1H24l1.333-1zm-20.667-1-2.439 1.829L17.236 34l3.658-1.829zM52 58a2 2 0 0 1-2 2H14a2 2 0 0 1 0-4h36a2 2 0 0 1 2 2zm-26-4v-6h12v6zm34-11a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V11a3 3 0 0 1 3-3h3v2H7a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h50a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1h-7V8h7a3 3 0 0 1 3 3zM10 12v28H8V12z"
        />
        <path
            fill="url(#e)"
            d="M45 12H15a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4H16v-2h28z"
        />
        <path
            fill="url(#f)"
            d="M25 28H15a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zm-9-2h8v-4h-8z"
        />
        <path fill="url(#g)" d="M44 23H29a1 1 0 0 1 0-2h15a1 1 0 0 1 0 2z" />
        <path fill="url(#h)" d="M44 27H29a1 1 0 0 1 0-2h15a1 1 0 0 1 0 2z" />
    </g>
</svg>