User Experience

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path
        fill="#c4a2fc"
        d="M48.171 38.471a12.901 12.901 0 0 1-15.342 0A21.019 21.019 0 0 0 19.5 58a5.006 5.006 0 0 0 5 5h32a5.006 5.006 0 0 0 5-5 21.019 21.019 0 0 0-13.329-19.529z"
    />
    <circle cx="40.5" cy="28" r="11" fill="#c4a2fc" />
    <g fill="#151a6a">
        <path
            d="M49.5 29h-5V4a3.003 3.003 0 0 0-3-3h-28a3.003 3.003 0 0 0-3 3v5h-5a3.003 3.003 0 0 0-3 3v8a3.003 3.003 0 0 0 3 3h5v13h-3a3.003 3.003 0 0 0-3 3v4a3.003 3.003 0 0 0 3 3h3v2a3.003 3.003 0 0 0 3 3h28a3.003 3.003 0 0 0 3-3v-5h5a3.003 3.003 0 0 0 3-3v-8a3.003 3.003 0 0 0-3-3zM30.316 3a2.982 2.982 0 0 1-5.632 0zM4.5 20v-8a1.001 1.001 0 0 1 1-1h10a1.001 1.001 0 0 1 1 1v8a1.001 1.001 0 0 1-1 1h-10a1.001 1.001 0 0 1-1-1zm2 23v-4a1.001 1.001 0 0 1 1-1h8a1.001 1.001 0 0 1 1 1v4a1.001 1.001 0 0 1-1 1h-8a1.001 1.001 0 0 1-1-1zm36 5a1.001 1.001 0 0 1-1 1h-28a1.001 1.001 0 0 1-1-1v-2h3a3.003 3.003 0 0 0 3-3v-4a3.003 3.003 0 0 0-3-3h-3V23h3a3.003 3.003 0 0 0 3-3v-8a3.003 3.003 0 0 0-3-3h-3V4a1.001 1.001 0 0 1 1-1h9.101A5 5 0 0 0 32.4 3H41.5a1.001 1.001 0 0 1 1 1v25h-3a3.003 3.003 0 0 0-3 3v8a3.003 3.003 0 0 0 3 3h3zm8-8a1.001 1.001 0 0 1-1 1h-10a1.001 1.001 0 0 1-1-1v-8a1.001 1.001 0 0 1 1-1h10a1.001 1.001 0 0 1 1 1z"
        />
        <path
            d="M30.721 26.792a5 5 0 1 0-6.442 0A7.003 7.003 0 0 0 20.5 33a1 1 0 0 0 2 0 5 5 0 0 1 10 0 1 1 0 0 0 2 0 7.003 7.003 0 0 0-3.779-6.208zM24.5 23a3 3 0 1 1 3 3 3.003 3.003 0 0 1-3-3zM31.5 11h7a1 1 0 0 0 0-2h-7a1 1 0 0 0 0 2zM38.5 15a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2zM32.5 44h-10a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z"
        />
    </g>
</svg>