devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Бесплатные иконки пользователя (SVG)

48 бесплатных иконок пользователя из наборов с открытым исходным кодом — нажмите на любую, чтобы изменить размер, цвет и толщину линии, и скопируйте её как SVG, JSX, data URI или CSS.

Обновлено

user
Lucideuser
Tableruser
Heroiconsuser
Phosphoruser
Iconoiruser
Material Design Iconsuser
Carbonuser-round
Lucideuser-filled
Tableruser-16-solid
Heroiconsuser-bold
Phosphoruser-bag
Iconoiruser-outline
Material Design Iconsuser-filled
Carbonuser-x
Lucideuser-x
Tableruser-20-solid
Heroiconsuser-duotone
Phosphorhome-user
Iconoiruser-box
Material Design Iconstask-user
Carbonuser-cog
Lucideuser-up
Tableruser-solid
Heroiconsuser-fill
Phosphoruser-cart
Iconoiruser-box-outline
Material Design Iconsuser-data
Carbonuser-key
Lucideuser-cog
Tableruser-plus
Heroiconsuser-light
Phosphoruser-love
Iconoiruser-key
Material Design Iconsuser-role
Carbonuser-pen
Lucideuser-key
Tableruser-plus-16-solid
Heroiconsuser-thin
Phosphoruser-plus
Iconoiruser-key-outline
Material Design Iconsbook-user
Lucideuser-off
Tableruser-plus-20-solid
Heroiconsuser-gear
Phosphoruser-scan
Iconoiruser-off
Material Design Iconsfile-user
Lucide

Использование иконок пользователя

Иконки с человечком обозначают аккаунты, профили и вход в систему; вариант с контуром круга часто заменяет отсутствующее фото профиля.

Все иконки здесь используют currentColor, поэтому они берут цвет текста элемента, в котором находятся: один SVG работает на светлом и тёмном фоне, в ссылках и кнопках. Задайте явные width и height (или размеры в CSS через 1em), чтобы макет не смещался во время загрузки страницы.

Доступные иконки

Если иконка декоративная или стоит рядом с видимым текстом, добавьте aria-hidden="true". Если она — единственное содержимое кнопки или ссылки, задайте этому элементу aria-label, например «Пользователь».

Лицензии

Эти иконки пользователя взяты из Lucide, Tabler, Heroicons, Phosphor, Iconoir, Material Design Icons, Carbon — наборов с открытым исходным кодом под лицензиями MIT, ISC или Apache 2.0, которые разрешают личное и коммерческое использование. Нужно что-то другое? Ищите среди всех 70,000+ иконок в SVG Icon Finder.

Часто задаваемые вопросы

Можно ли использовать эти иконки пользователя в коммерческих целях бесплатно?
Да. Они взяты из наборов иконок с открытым исходным кодом под лицензиями MIT, ISC или Apache 2.0, которые разрешают коммерческое использование. Сохраняйте уведомление о лицензии, если распространяете сами файлы иконок.
Как изменить цвет иконки пользователя?
SVG используют currentColor, поэтому задайте CSS-свойство color для родительского элемента или откройте иконку в поиске и выберите фиксированный цвет перед копированием.
Можно ли использовать эти иконки в Webflow или React?
Да. Откройте иконку и используйте Copy to Webflow (вставит Code Embed) или Copy JSX для React-компонента.