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="511.999"
        y2=".001"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        d="m138.347 63v386a5.018 5.018 0 0 0 5 5h225.31a5.023 5.023 0 0 0 5.005-5v-386a5.023 5.023 0 0 0 -5.007-5h-225.31a5.018 5.018 0 0 0 -5 5.005zm-16 0a21.023 21.023 0 0 1 21-21.005h225.31a21.03 21.03 0 0 1 21.003 21.005v386a21.03 21.03 0 0 1 -21.005 21h-225.31a21.023 21.023 0 0 1 -21-21v-386zm21 449a63.07 63.07 0 0 1 -63-63v-386a63.07 63.07 0 0 1 63-63h225.31a63.065 63.065 0 0 1 63 63v386a63.065 63.065 0 0 1 -63 63zm133.674-95.994a21.008 21.008 0 1 1 -21.033-21h.028a21.011 21.011 0 0 1 21 21zm16.49-152.757a67.913 67.913 0 1 1 -135.825 0v-61.415a21 21 0 1 1 42 0v61.414a25.91 25.91 0 1 0 51.819 0v-61.414a21 21 0 1 1 42 0v61.414zm60.807-61.579v108.653a21 21 0 0 1 -42 0v-108.654a21 21 0 0 1 42 0z"
        fill="url(#GradientFill_1)"
        fill-rule="evenodd"
    />
</svg>