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

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

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

Обновлено

eye
Lucideeye
Tablereye
Heroiconseye
Phosphoreye
Bootstrap Iconseye
Iconoireye-12-filled
Fluent UIgroup-eye
Material Symbolseye
Material Design Iconseye-off
Lucideeye-filled
Tablereye-16-solid
Heroiconseye-bold
Phosphoreye-fill
Bootstrap Iconseye-solid
Iconoireye-12-regular
Fluent UIgroup-eye-outline
Material Symbolseye-outline
Material Design Iconsscan-eye
Lucideeye-x
Tablereye-20-solid
Heroiconseye-duotone
Phosphoreye-slash
Bootstrap Iconseye-16-filled
Fluent UIgroup-eye-outline-rounded
Material Symbolseye-off
Material Design Iconseye-up
Tablereye-solid
Heroiconseye-fill
Phosphoreye-slash-fill
Bootstrap Iconseye-16-regular
Fluent UIgroup-eye-rounded
Material Symbolseye-off-outline
Material Design Iconseye-cog
Tablereye-light
Phosphoreye-20-filled
Fluent UItable-eye
Material Symbolseye-lock
Material Design Iconseye-off
Tablereye-thin
Phosphoreye-20-regular
Fluent UItable-eye-outline
Material Symbolseye-lock-outline
Material Design Iconseye-pin
Tablerhand-eye
Phosphoreye-24-filled
Fluent UItable-eye-outline-rounded
Material Symbolseye-plus
Material Design Icons

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

Глаз используется для показа и скрытия паролей, а также для обозначения видимости и количества просмотров.

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

Доступность иконок

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

Лицензии

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

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

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