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.001"
        y1="471.547"
        y2="40.453"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        d="M470 391.792a37.793 37.793 0 0 1-37.751 37.752H79.748A37.792 37.792 0 0 1 42 391.792V381.04h115.707l5.174 16.239a25.9 25.9 0 0 0 24.766 18.1h.023l136.242-.085a25.916 25.916 0 0 0 24.763-18.112l5.132-16.146H470v10.752zm21-52.748h-3.67v-240a58.663 58.663 0 0 0-58.593-58.592H83.262a58.664 58.664 0 0 0-58.594 58.594v240H21a21 21 0 0 0-21 21v31.75a79.839 79.839 0 0 0 79.748 79.754h352.5A79.839 79.839 0 0 0 512 391.792v-31.75a21.005 21.005 0 0 0-21-21zm-227.656-153.9a21 21 0 0 1 29.7 0l27.21 27.206 27.208-27.206a21 21 0 0 1 29.7 29.7l-27.212 27.214 27.208 27.2a21 21 0 1 1-29.7 29.7l-27.208-27.213-27.21 27.213a21 21 0 0 1-29.7-29.7l27.208-27.2-27.208-27.214a21 21 0 0 1 0-29.7zM243.6 199.955V247.7a57.456 57.456 0 0 1-114.912 0v-47.74a21 21 0 1 1 42 0v47.74a15.456 15.456 0 0 0 30.911 0v-47.74a21 21 0 1 1 42 0zm33.406-79.54a21.005 21.005 0 1 1-21.02-21h.022a21 21 0 0 1 21.001 21z"
    />
</svg>