Pixmora

Иконка пользователя для профиля

Знаки аккаунта 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.

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

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

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

<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 имя набора и исходное имя иконки сохраняются для прозрачности лицензии.

Соседние темы

Другие инструменты