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="465.348"
        y2="46.652"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        d="M270.994 180.816a14.989 14.989 0 0 0 0 21.2l37.9 37.905-37.9 37.887a14.992 14.992 0 1 0 21.2 21.2l37.9-37.906 37.9 37.906a14.991 14.991 0 0 0 21.2-21.2l-37.9-37.887 37.9-37.9a14.991 14.991 0 1 0-21.2-21.2l-37.9 37.9-37.9-37.894a14.986 14.986 0 0 0-21.2 0zm-95.546 122.629a57.1 57.1 0 0 0 57.032-57.022v-55.051a14.992 14.992 0 1 0-29.984 0v55.051a27.048 27.048 0 0 1-54.1 0v-55.051a14.991 14.991 0 1 0-29.981 0v55.051a57.1 57.1 0 0 0 57.029 57.022zM241.009 99.65a15 15 0 1 0 15-14.988h-.025a14.975 14.975 0 0 0-14.975 14.988zM512 412.589a52.809 52.809 0 0 1-52.758 52.758H52.756A52.809 52.809 0 0 1 0 412.589v-21.624h149.4l8.013 25.151a20.648 20.648 0 0 0 19.79 14.452l157.107-.1a20.654 20.654 0 0 0 19.77-14.454l7.962-25.05H512v21.624zM28.45 75.008a28.376 28.376 0 0 1 28.357-28.355h398.387a28.379 28.379 0 0 1 28.357 28.355v285.98H351.08a14.989 14.989 0 0 0-14.287 10.454l-9.244 29.045-143.621.11-9.289-29.162a14.992 14.992 0 0 0-14.285-10.447H28.45z"
    />
</svg>