Layout

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-2.526"
        x2="525.537"
        y1="514.526"
        y2="-13.537"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-96.526"
        x2="431.537"
        y1="420.526"
        y2="-107.537"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="15.474"
        x2="543.537"
        y1="532.526"
        y2="4.463"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="45.474"
        x2="573.537"
        y1="562.526"
        y2="34.463"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M476 8H36A28.032 28.032 0 0 0 8 36v440a28.032 28.032 0 0 0 28 28h440a28.032 28.032 0 0 0 28-28V36a28.032 28.032 0 0 0-28-28zm12 468a12.013 12.013 0 0 1-12 12H36a12.013 12.013 0 0 1-12-12V36a12.013 12.013 0 0 1 12-12h440a12.013 12.013 0 0 1 12 12z"
    />
    <path
        fill="url(#b)"
        d="M208 40H48a8 8 0 0 0-8 8v296a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8zm-8 296H56V56h144z"
    />
    <path
        fill="url(#c)"
        d="M208 368H48a8 8 0 0 0-8 8v88a8 8 0 0 0 8 8h160a8 8 0 0 0 8-8v-88a8 8 0 0 0-8-8zm-8 88H56v-72h144z"
    />
    <path
        fill="url(#d)"
        d="M464 40H240a8 8 0 0 0-8 8v416a8 8 0 0 0 8 8h224a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8zm-8 416H248V56h208z"
    />
</svg>