Иконка пользователя для профиля
Знаки аккаунта Lucide для входа и личного кабинета. Отличаются формой силуэта и статусом проверки.
Как применить иконку «Профиль»
Знаки аккаунта Lucide для входа и личного кабинета. Отличаются формой силуэта и статусом проверки.
Сценарий страницы: Профиль и личный кабинет. Основной вариант - lucide:user, набор Lucide, автор Lucide Contributors, лицензия ISC.
Профиль (user): Прямолинейный силуэт человека. Вход, профиль, пункт «Аккаунт».
Круглый силуэт (user-round): Мягкая круглая форма ближе к аватару-заглушке. Плейсхолдер вместо фото или компактная кнопка профиля.
Подтверждённый пользователь (user-check): Силуэт с галочкой: верификация или выбранный участник. Подтверждённый аккаунт или выбранный исполнитель.
В шапке 24 px. В меню аккаунта рядом с ФИО достаточно 16–20. Не путайте с фото аватара: это пиктограмма, а не портрет пользователя.
Это пример разметки без обработчиков. Замените URL кабинета и путь к SVG. Если в шапке только силуэт без текста, подпись «Личный кабинет» или «Войти» должна быть в aria-label.
Лицензия ISC: https://github.com/lucide-icons/lucide/blob/main/LICENSE. Полный текст лицензии добавляется в metadata скачиваемого SVG.
Файлы SVG
Стандартные SVG с полным текстом лицензии ISC в metadata. Отдельных страниц под размер и цвет нет. PNG с выбранным размером и цветом готовится в браузере и требует JavaScript.
Пример разметки
Доступная подпись: Личный кабинет. Имя файла в примере совпадает с основным вариантом; при смене варианта замените путь на скачанный файл.
<a href="/account" aria-label="Личный кабинет"> <img src="lucide-user.svg" width="24" height="24" alt=""> </a>
Это пример разметки без обработчиков. Замените URL кабинета и путь к SVG. Если в шапке только силуэт без текста, подпись «Личный кабинет» или «Войти» должна быть в aria-label.
Частые вопросы
Чем user отличается от users?
user - один человек. Для команды, списка клиентов или совместного доступа берите множественный вариант из каталога.
Можно ли назвать файл avatar.svg?
Да, при сохранении у себя. На Pixmora имя набора и исходное имя иконки сохраняются для прозрачности лицензии.
Соседние темы
- Иконка сердца для избранного
- Иконка корзины для покупок
- Иконка галочки для успеха и выбора
- Каталог SVG-иконок
- Перевести SVG в CSS