User Interface

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512"
        y2="-85.333"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffbef9" />
        <stop offset="1" stop-color="#fff1ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="407"
        y2="105"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff81ff" />
        <stop offset="1" stop-color="#a93aff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M512 256c0 141.385-114.615 256-256 256S0 397.385 0 256 114.615 0 256 0s256 114.615 256 256z"
    />
    <path
        fill="url(#b)"
        d="M176.371 300.238h88.477v18.285h-88.477zm0-88.476h88.477v-18.285h-88.477zm141.563-71.371v-8.848c0-14.636-11.907-26.543-26.543-26.543H149.828c-14.636 0-26.543 11.907-26.543 26.543v8.848zm0 213.523H123.285V158.086h194.648v195.828zm-35.391-62.523a8.848 8.848 0 0 0-8.848-8.848H167.523a8.848 8.848 0 0 0-8.848 8.848v35.98a8.848 8.848 0 0 0 8.848 8.848h106.172a8.848 8.848 0 0 0 8.848-8.848zm0-35.391a8.848 8.848 0 0 0-8.848-8.848H167.523a8.848 8.848 0 0 0 0 17.696h106.172a8.848 8.848 0 0 0 8.848-8.848zm0-35.391v-35.98a8.848 8.848 0 0 0-8.848-8.848H167.523a8.848 8.848 0 0 0-8.848 8.848v35.98a8.848 8.848 0 0 0 8.848 8.848h106.172a8.848 8.848 0 0 0 8.848-8.848zm-159.258 151v8.848c0 14.636 11.907 26.543 26.543 26.543H291.39c14.636 0 26.543-11.907 26.543-26.543v-8.848zm265.43-182.851v-38.34a8.848 8.848 0 0 0-8.848-8.848h-23.594a8.848 8.848 0 0 0-8.848 8.848v38.34zm-41.289 17.695v150.41c0 .822.115 1.64.34 2.431l11.797 41.289c2.445 8.556 14.57 8.556 17.014 0l11.797-41.289c.226-.79.34-1.609.34-2.431v-150.41z"
    />
</svg>