User Experience

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <circle cx="256" cy="196" r="45" />
    <path
        d="M311.605 396.395c-5.859-5.859-15.352-5.859-21.211 0L256 430.789l-34.395-34.395c-5.859-5.859-15.352-5.859-21.211 0s-5.859 15.352 0 21.211L234.789 452l-34.395 34.395c-5.859 5.859-5.859 15.352 0 21.211s15.352 5.859 21.211 0L256 473.211l34.395 34.395c5.859 5.859 15.352 5.859 21.211 0s5.859-15.352 0-21.211L277.211 452l34.395-34.395c5.859-5.859 5.859-15.351-.001-21.21zM497 196h-91c-8.291 0-15 6.709-15 15v90c0 8.291 6.709 15 15 15h91c8.291 0 15-6.709 15-15v-90c0-8.291-6.709-15-15-15zM256 121c33.076 0 60-26.909 60-60S289.076 0 256 0s-60 27.909-60 61 26.924 60 60 60zM50.395 200.395l-46 45c-5.859 5.859-5.859 15.352 0 21.211l46 45c5.859 5.859 15.351 5.86 21.211 0l45-45c5.859-5.859 5.859-15.352 0-21.211l-45-45c-5.86-5.86-15.352-5.86-21.211 0zM163.627 83.646c-4.482-7.017-13.77-8.994-20.742-4.526-25.4 16.318-47.461 38.379-63.75 63.779-4.482 6.973-2.432 16.26 4.541 20.728 6.859 4.438 16.196 2.503 20.713-4.526 13.975-21.812 32.9-40.723 54.727-54.727 6.972-4.482 8.993-13.755 4.511-20.728zM352.885 104.374c21.826 14.004 40.752 32.915 54.727 54.727 4.525 7.04 13.863 8.958 20.713 4.526 6.973-4.468 9.023-13.755 4.541-20.728-16.289-25.4-38.35-47.461-63.75-63.779-6.973-4.438-16.26-2.461-20.742 4.526-4.483 6.973-2.462 16.246 4.511 20.728zM159.115 408.626c-21.826-14.004-40.752-32.915-54.727-54.727-4.512-7.002-13.857-9.009-20.713-4.526-6.973 4.468-9.023 13.755-4.541 20.728 16.289 25.4 38.35 47.461 63.75 63.779 6.953 4.446 16.24 2.479 20.742-4.526 4.483-6.973 2.462-16.246-4.511-20.728zM348.373 429.354c4.499 6.998 13.782 8.978 20.742 4.526 25.4-16.318 47.461-38.379 63.75-63.779 4.482-6.973 2.432-16.26-4.541-20.728-6.914-4.468-16.201-2.476-20.713 4.526-13.975 21.812-32.9 40.723-54.727 54.727-6.972 4.482-8.993 13.755-4.511 20.728zM181 347c0 8.291 6.709 15 15 15h120c8.291 0 15-6.709 15-15v-31c0-41.353-33.633-75-75-75s-75 33.647-75 75z"
    />
</svg>