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="471"
        y2="41"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        d="M372.352 252.5v134a21 21 0 0 1-42 0v-134a21 21 0 1 1 42 0zm-75 .2v75.746a78.851 78.851 0 1 1-157.7 0V252.7a21 21 0 1 1 42 0v75.746a36.852 36.852 0 1 0 73.7 0V252.7a21 21 0 1 1 41.995 0zm-20.479-127.2a20.991 20.991 0 0 1 21-21h127.048a21 21 0 0 1 0 42H297.87a20.994 20.994 0 0 1-21-21zm-210.785 0a20.985 20.985 0 0 1 20.991-21h.021a21 21 0 1 1-21.012 21zm56.285 0a20.985 20.985 0 0 1 20.99-21h.015a21 21 0 1 1-21 21zm56.263 0a20.994 20.994 0 0 1 20.99-21h.022a21 21 0 1 1-21.012 21zM449 429a21.022 21.022 0 0 0 21-21V210H42v198a21.024 21.024 0 0 0 21 21zM63 83a21.029 21.029 0 0 0-21 21v63.994h428V104a21.028 21.028 0 0 0-21-21zm386-42H63a63.065 63.065 0 0 0-63 63v304a63.069 63.069 0 0 0 63 63h386a63.078 63.078 0 0 0 63-63V104a63.074 63.074 0 0 0-63-63z"
    />
</svg>