User Experience

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="255.999"
        x2="256"
        y1="507.733"
        y2="4.266"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        d="m262.937 222.832 26.442-26.449-26.442-26.435a21 21 0 0 1 29.7-29.7l26.442 26.435 26.449-26.435a21 21 0 1 1 29.7 29.7l-26.449 26.435 26.449 26.449a21 21 0 1 1-29.7 29.7l-26.449-26.449-26.442 26.449a21 21 0 0 1-29.7-29.7zm-132.316-20.9v-46.881a21 21 0 0 1 42 0v46.876a14.789 14.789 0 1 0 29.578 0v-46.876a21 21 0 0 1 42 0v46.876a56.788 56.788 0 1 1-113.576 0zM42 60.015v272.749A13.757 13.757 0 0 0 55.739 346.5h400.507A13.769 13.769 0 0 0 470 332.764V60.015a13.772 13.772 0 0 0-13.753-13.753H55.739A13.76 13.76 0 0 0 42 60.015zm214 405.716a4.644 4.644 0 1 1 4.637-4.637 4.7 4.7 0 0 1-4.637 4.637zM55.739 388.506H235v30.957a46.643 46.643 0 1 0 42 0v-30.957h179.246A55.817 55.817 0 0 0 512 332.764V60.015a55.814 55.814 0 0 0-55.754-55.748H55.739A55.8 55.8 0 0 0 0 60.015v272.749a55.805 55.805 0 0 0 55.739 55.742z"
    />
</svg>