Pixmora

Иконка выхода из аккаунта

Стрелка из дверного проёма Lucide завершает сессию на клиенте только вместе с вашим запросом logout. Пиктограмма сама cookie не очищает.

Как применить иконку «Выход»

Сценарий страницы: Завершение сессии. Основной вариант - lucide:log-out, набор Lucide, автор Lucide Contributors, лицензия ISC.

Выход (log-out): Дверь и стрелка наружу вправо. Завершить сессию в меню пользователя.

Вход (log-in): Стрелка внутрь: обратное действие. Экран после выхода или пункт «Войти снова».

В меню профиля 18–20 px. В мобильной панели аккаунта 24. Не ставьте выход рядом с удалением аккаунта без разных подписей.

Это пример разметки без обработчиков. Вызов logout API и очистку сессии сделайте в проекте. Путь к SVG замените. Подтверждение выхода добавляйте, если есть несохранённые данные.

Лицензия ISC: https://github.com/lucide-icons/lucide/blob/main/LICENSE. Полный текст лицензии добавляется в metadata скачиваемого SVG.

Файлы SVG

Стандартные SVG с полным текстом лицензии ISC в metadata. Отдельных страниц под размер и цвет нет. PNG с выбранным размером и цветом готовится в браузере и требует JavaScript.

Полный текст лицензии ISC

Пример разметки

Доступная подпись: Выйти. Имя файла в примере совпадает с основным вариантом; при смене варианта замените путь на скачанный файл.

<button type="button">
  <img src="lucide-log-out.svg" width="20" height="20" alt="">
  Выйти
</button>

Частые вопросы

Чем log-out отличается от power?

log-out про учётную запись. power чаще про выключение устройства или сеанса ОС.

Нужен ли крестик вместо выхода?

Нет. x закрывает окно. Для сессии используйте log-out и слово «Выйти».