User Interface

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="GradientFill_1"
        gradientUnits="userSpaceOnUse"
        x1="256"
        x2="256"
        y1="497.824"
        y2="14.176"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        d="m454 358.484v-281.308a5.022 5.022 0 0 0 -5-5h-386a5.012 5.012 0 0 0 -5 5v281.308a5.018 5.018 0 0 0 5 5.006h386a5.028 5.028 0 0 0 5-5.006zm16 0a21.032 21.032 0 0 1 -21 21h-386a21.023 21.023 0 0 1 -21-21v-281.308a21.017 21.017 0 0 1 21-21h386a21.026 21.026 0 0 1 21 21zm-192 97.344h-44v-34.343h44zm171-441.652a63.079 63.079 0 0 1 63 63v281.308a63.075 63.075 0 0 1 -63 63h-129v34.343h33.493a21 21 0 1 1 0 42h-195a21 21 0 1 1 0-42h33.507v-34.342h-129a63.066 63.066 0 0 1 -63-63v-281.309a63.07 63.07 0 0 1 63-63zm-118.654 136.66a21 21 0 0 1 42 0v134a21 21 0 0 1 -42 0zm-33 .193v75.746a78.851 78.851 0 1 1 -157.7 0v-75.746a21 21 0 1 1 42 0v75.746a36.852 36.852 0 1 0 73.7 0v-75.746a21 21 0 1 1 42 0z"
        fill="url(#GradientFill_1)"
        fill-rule="evenodd"
    />
</svg>