User Experience

<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="497.824"
        y2="14.176"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        d="M454 358.485V77.177a5.017 5.017 0 0 0-5-5.006H63a5.02 5.02 0 0 0-5 5.006v281.308a5.014 5.014 0 0 0 5.006 5H449a5.012 5.012 0 0 0 5-5zm16 0a21.018 21.018 0 0 1-21 21H63a21.018 21.018 0 0 1-21.005-21V77.177A21.025 21.025 0 0 1 63 56.172h386a21.024 21.024 0 0 1 21 21.005zm-192 97.336h-44v-34.336h44zM449 14.176a63.075 63.075 0 0 1 63 63v281.309a63.08 63.08 0 0 1-63 63H320v34.336h33.5a21 21 0 0 1 0 42h-195a21 21 0 0 1 0-42H192v-34.336H63a63.07 63.07 0 0 1-63-63V77.177a63.066 63.066 0 0 1 63-63zm-205.4 209.3a57.457 57.457 0 0 1-114.913 0v-47.74a21 21 0 0 1 42 0v47.74a15.454 15.454 0 0 0 30.907 0v-47.74a21 21 0 0 1 42 0v47.74zm133.545-62.551a20.987 20.987 0 0 1 0 29.7l-27.2 27.207 27.2 27.206a21 21 0 0 1-29.686 29.7l-27.213-27.214-27.206 27.214a21 21 0 0 1-29.7-29.7l27.206-27.206-27.206-27.207a21 21 0 0 1 29.7-29.7l27.206 27.207 27.213-27.207a20.985 20.985 0 0 1 29.687-.001z"
    />
</svg>