Pixmora

Иконка скрытия пароля и слоя

Перечёркнутый глаз Lucide сообщает: сейчас скрыто. Для пароля это маскирование в поле, не шифрование и не блокировка аккаунта.

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

Сценарий страницы: Скрытие пароля и информации. Основной вариант - lucide:eye-off, набор Lucide, автор Lucide Contributors, лицензия ISC.

Скрыто (eye-off): Глаз с диагональной чертой. Пароль в маске, слой выключен, «не показывать».

Показано (eye): Открытый глаз без черты. Парное состояние «сейчас видно».

Веки закрыты (eye-closed): Закрытый глаз без диагонали. Мягкий статус скрытости без семантики запрета.

Как у eye: 18–20 px в инпуте. В списке слоёв 16. Не уменьшайте сильнее 14: перечёркивание сливается.

Это пример разметки без обработчиков. Свяжите кнопку с input через aria-controls в полной форме. Путь к SVG замените. Скрытие в UI не заменяет lock и серверные права.

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

Файлы SVG

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

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

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

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

<button type="button" aria-pressed="true" aria-label="Скрыть пароль">
  <img src="lucide-eye-off.svg" width="20" height="20" alt="">
</button>

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

eye-off или lock для приватности?

lock обещает ограничение доступа. eye-off только прячет отображение у текущего пользователя.

Стоит ли оставлять eye-off на кнопке всегда?

Меняйте иконку вместе с состоянием поля: скрыто - eye-off или подпись «Показать», открыто - eye и «Скрыть».