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

Ícones de Olho Grátis (SVG)

48 ícones de olho grátis de conjuntos open-source — clique em um para mudar o tamanho, a cor e o traço, e copie como SVG, JSX, data URI ou CSS.

Atualizado em

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

Usando ícones de olho

Um olho mostra ou oculta senhas e representa visibilidade e contagem de visualizações.

Todos os ícones aqui seguem currentColor, então assumem a cor do texto do elemento onde estão — um mesmo SVG funciona em fundos claros e escuros, em links e em botões. Defina um width e um height explícitos (ou dimensione-os no CSS com 1em) para que o layout não se mova enquanto a página carrega.

Ícones acessíveis

Se o ícone for decorativo ou estiver ao lado de texto visível, adicione aria-hidden="true". Se ele for o único conteúdo de um botão ou link, dê a esse elemento um aria-label, como “Olho”.

Licenças

Estes ícones de olho vêm de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols e Material Design Icons — conjuntos open-source sob licenças MIT, ISC ou Apache 2.0, que permitem uso pessoal e comercial. Precisa de outra coisa? Pesquise em todos os mais de 70.000 ícones no SVG Icon Finder.

Perguntas frequentes

Esses ícones de olho são grátis para uso comercial?
Sim. Eles vêm de conjuntos de ícones open-source sob licenças MIT, ISC ou Apache 2.0, que permitem uso comercial. Mantenha o aviso de licença se redistribuir os próprios arquivos de ícone.
Como mudo a cor de um ícone de olho?
Os SVGs usam currentColor, então defina a cor CSS do elemento pai — ou abra o ícone no buscador e escolha uma cor fixa antes de copiar.
Posso usar esses ícones no Webflow ou no React?
Sim. Abra um ícone e use Copy to Webflow (cola um Code Embed) ou Copy JSX para um componente React.