Interface

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="640"
    height="640"
    viewBox="0 -24 480 480"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#00e7f0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="240"
        x2="240"
        y1="463.36"
        y2="-19.728"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="276.944"
        x2="276.944"
        y1="463.36"
        y2="-19.728"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="128"
        x2="128"
        y1="463.36"
        y2="-19.728"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="332"
        x2="332"
        y1="463.36"
        y2="-19.728"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="36"
        x2="36"
        y1="463.36"
        y2="-19.728"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M456 0H24C10.746 0 0 10.746 0 24v288c0 13.254 10.746 24 24 24h432c13.254 0 24-10.746 24-24V24c0-13.254-10.746-24-24-24zm8 312a8 8 0 0 1-8 8H24a8 8 0 0 1-8-8V24a8 8 0 0 1 8-8h432a8 8 0 0 1 8 8zm0 0"
    />
    <path
        fill="url(#c)"
        d="M168 276.945V59.055L385.887 168zm16-192v166.11L350.113 168zm0 0"
    />
    <path
        fill="url(#d)"
        d="M128 432c-22.09 0-40-17.91-40-40s17.91-40 40-40 40 17.91 40 40c-.027 22.082-17.918 39.973-40 40zm0-64c-13.254 0-24 10.746-24 24s10.746 24 24 24 24-10.746 24-24-10.746-24-24-24zm0 0"
    />
    <path fill="url(#e)" d="M184 384h296v16H184zm0 0" />
    <path fill="url(#f)" d="M0 384h72v16H0zm0 0" />
</svg>