Framework

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="36"
        x2="36"
        y1="60.809"
        y2="7.936"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1a125f" />
        <stop offset=".205" stop-color="#423795" />
        <stop offset=".681" stop-color="#ed1a58" />
        <stop offset="1" stop-color="#54c2ef" />
    </linearGradient>
    <linearGradient id="b" x1="7" x2="7" y1="60.809" y2="7.936" href="#a" />
    <g>
        <g fill="url(#a)">
            <path
                d="M20 20h32v32H20zM60 4H12v6h2V8a1 1 0 0 1 2 0v2h2V8a1 1 0 0 1 2 0v2h2V8a1 1 0 0 1 2 0v2h2V8a1 1 0 0 1 2 0v2h2V8a1 1 0 0 1 2 0v2h2V8a1 1 0 0 1 2 0v2h2V8a1 1 0 0 1 2 0v2h2V8a1 1 0 0 1 2 0v2h2V8a1 1 0 0 1 2 0v2h2V8a1 1 0 0 1 2 0v2h2V8a1 1 0 0 1 2 0v2h4z"
            />
            <path
                d="M12 60h48V12H12zm6-41a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1v34a1 1 0 0 1-1 1H19a1 1 0 0 1-1-1z"
            />
        </g>
        <path
            fill="url(#b)"
            d="M8 14h2v-2H4v48h6v-4H8a1 1 0 0 1 0-2h2v-2H8a1 1 0 0 1 0-2h2v-2H8a1 1 0 0 1 0-2h2v-2H8a1 1 0 0 1 0-2h2v-2H8a1 1 0 0 1 0-2h2v-2H8a1 1 0 0 1 0-2h2v-2H8a1 1 0 0 1 0-2h2v-2H8a1 1 0 0 1 0-2h2v-2H8a1 1 0 0 1 0-2h2v-2H8a1 1 0 0 1 0-2h2v-2H8a1 1 0 0 1 0-2zM4 4h6v6H4z"
        />
    </g>
</svg>