Header

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 469.333 469.333"
>
    <path
        d="M426.667 0h-384C19.135 0 0 19.135 0 42.667v384c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667v-384C469.333 19.135 450.198 0 426.667 0z"
        fill="#303c42"
    />
    <path
        d="M42.667 21.333h384c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
        fill="#5c6671"
    />
    <linearGradient
        id="a"
        x1="-64.596"
        x2="-47.317"
        y1="625.461"
        y2="617.404"
        gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" stop-opacity=".2" />
        <stop offset="1" stop-color="#fff" stop-opacity="0" />
    </linearGradient>
    <path
        d="M42.667 21.333h384c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-61.639"
        x2="-50.434"
        y1="626.961"
        y2="615.754"
        gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" stop-opacity=".2" />
        <stop offset="1" stop-color="#fff" stop-opacity="0" />
    </linearGradient>
    <path
        d="M42.667 21.333h384c11.76 0 21.333 9.573 21.333 21.333v42.667H21.333V42.667c0-11.761 9.573-21.334 21.334-21.334z"
        fill="url(#b)"
    />
    <path
        d="M426.667 448h-384c-11.76 0-21.333-9.573-21.333-21.333v-320H448v320c0 11.76-9.573 21.333-21.333 21.333z"
        fill="#fff"
    />
    <circle cx="53.333" cy="53.333" r="10.667" fill="#303c42" />
    <circle cx="96" cy="53.333" r="10.667" fill="#303c42" />
    <circle cx="138.667" cy="53.333" r="10.667" fill="#303c42" />
    <path
        d="M10.667 192h448v-21.333h-448V192zM138.667 149.333h192c5.896 0 10.667-4.771 10.667-10.667S336.563 128 330.667 128h-192c-5.896 0-10.667 4.771-10.667 10.667s4.771 10.666 10.667 10.666z"
        fill="#303c42"
    />
    <linearGradient
        id="c"
        x1="-68.689"
        x2="-43.384"
        y1="619.051"
        y2="607.251"
        gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" stop-opacity=".2" />
        <stop offset="1" stop-color="#fff" stop-opacity="0" />
    </linearGradient>
    <path
        d="M426.667 0h-384C19.135 0 0 19.135 0 42.667v384c0 23.531 19.135 42.667 42.667 42.667h384c23.531 0 42.667-19.135 42.667-42.667v-384C469.333 19.135 450.198 0 426.667 0z"
        fill="url(#c)"
    />
</svg>