Pixmora

Иконка входа в аккаунт

Стрелка внутрь дверного проёма Lucide ведёт к авторизации. Знак не выполняет вход и не проверяет пароль: нужна форма и серверная сессия.

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

Сценарий страницы: Авторизация пользователя. Основной вариант - lucide:log-in, набор Lucide, автор Lucide Contributors, лицензия ISC.

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

Выход (log-out): Стрелка наружу от двери: завершение сессии. Парное действие в меню аккаунта.

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

Это пример разметки без обработчиков. Подставьте URL страницы входа и путь к SVG. Текст «Войти» обязателен по смыслу; одна пиктограмма без подписи на маркетинговой шапке часто непонятна.

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

Файлы SVG

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

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

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

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

<a href="/login">
  <img src="lucide-log-in.svg" width="20" height="20" alt="">
  Войти
</a>

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

log-in или user для кнопки входа?

user чаще ведёт в кабинет уже вошедшего. log-in явнее про старт сессии. Если пункт один на оба случая, меняйте подпись по состоянию.

Гарантирует ли иконка безопасный вход?

Нет. Безопасность дают HTTPS, хранение сессии и проверка учётных данных, не SVG.