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="511.999"
        y2=".001"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        d="M134.34 63v386a9.019 9.019 0 0 0 9 9h225.31a9.017 9.017 0 0 0 9-9V63a9.018 9.018 0 0 0-9-9H143.345a9.019 9.019 0 0 0-9 9zm-12 0a21.023 21.023 0 0 1 21-21h225.31a21.023 21.023 0 0 1 21 21v386a21.022 21.022 0 0 1-21 21H143.345a21.023 21.023 0 0 1-21-21V63zm21 449a63.063 63.063 0 0 1-63-62.993V63a63.069 63.069 0 0 1 63-63h225.31a63.074 63.074 0 0 1 63 63v386a63.068 63.068 0 0 1-63 62.993zM277 416.007a21.005 21.005 0 1 1-21.019-21h.021a21 21 0 0 1 21 21zm-30.366-154.881a54.141 54.141 0 1 1-108.282 0v-43.389a21 21 0 1 1 42 0v43.389a12.142 12.142 0 1 0 24.284 0v-43.389a21 21 0 1 1 42 0v43.389zm120.856-28.513L344.113 256l23.377 23.384a21 21 0 0 1-29.7 29.7L314.414 285.7l-23.392 23.384a21 21 0 0 1-29.7-29.7L284.714 256l-23.391-23.391a21 21 0 0 1 29.7-29.7l23.391 23.391 23.376-23.391a21 21 0 0 1 29.7 29.7z"
    />
</svg>