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.001"
        y1="471.543"
        y2="40.457"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        d="M317.154 299.775V184.326a21 21 0 1 1 42 0v115.449a21 21 0 0 1-42 0zm-164.31-50.012V184.5a21 21 0 1 1 42 0v65.265a28.843 28.843 0 0 0 57.685 0V184.5a21 21 0 1 1 42 0v65.265a70.845 70.845 0 0 1-141.69 0zm82.162-129.351a20.99 20.99 0 0 1 20.976-21h.029a21 21 0 1 1-21.005 21zM66.674 99.042v240.006h106.382a20.982 20.982 0 0 1 20 14.625l6.281 19.711 112.854-.078 6.252-19.626a20.98 20.98 0 0 1 20-14.632h106.89V99.042a16.619 16.619 0 0 0-16.6-16.589H83.264a16.607 16.607 0 0 0-16.59 16.589zM470 391.8a37.8 37.8 0 0 1-37.752 37.751H79.756A37.791 37.791 0 0 1 42 391.8v-10.757h115.7l5.18 16.24a25.9 25.9 0 0 0 24.763 18.1h.028l136.239-.093a25.908 25.908 0 0 0 24.763-18.111l5.13-16.14H470zM79.756 471.543h352.5A79.831 79.831 0 0 0 512 391.8v-31.75a21 21 0 0 0-21-21h-3.665V99.042a58.666 58.666 0 0 0-58.607-58.585H83.264a58.654 58.654 0 0 0-58.593 58.585v240.006h-3.665a21 21 0 0 0-21 21V391.8a79.833 79.833 0 0 0 79.75 79.743z"
    />
</svg>