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="511.999"
        y2=".001"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        d="M110.348 449a5.017 5.017 0 0 0 5 5h281.306a5.017 5.017 0 0 0 5-5V63a5.017 5.017 0 0 0-5-5.005H115.346a5.017 5.017 0 0 0-5 5.005v386zm-16 0V63a21.024 21.024 0 0 1 21-21.005h281.306a21.024 21.024 0 0 1 21 21.005v386a21.024 21.024 0 0 1-21 21H115.346a21.024 21.024 0 0 1-21-21zm302.306 63H115.346a63.065 63.065 0 0 1-63-63V63a63.065 63.065 0 0 1 63-63h281.308a63.065 63.065 0 0 1 63 63v386a63.065 63.065 0 0 1-63 63zm-119.642-95.995a21.005 21.005 0 1 1-21.026-21h.028a21.005 21.005 0 0 1 21 21zm42.06-219.087a21 21 0 0 1 42 0v118.156a21 21 0 0 1-42 0zm-24.127.179v66.794a72.01 72.01 0 1 1-144.019 0V197.1a21 21 0 0 1 42 0v66.794a30.007 30.007 0 0 0 60.014 0V197.1a21 21 0 0 1 42 0z"
    />
</svg>