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

Ícones de Cadeado Grátis (SVG)

48 ícones de cadeado gratuitos de conjuntos open-source. Clique em um para mudar tamanho, cor e traço e copie como SVG, JSX, data URI ou CSS.

Atualizado em

lock
Lucidelock
Tablerlock
Phosphorlock
Bootstrap Iconslock
Iconoirtag-lock-16-filled
Fluent UIlock
Material Symbolslock
Material Design Iconslock-filled
Tablerlock-bold
Phosphorlock-fill
Bootstrap Iconstag-lock-16-regular
Fluent UIlock-outline
Material Symbolslock-outline
Material Design Iconslock-x
Tablerlock-duotone
Phosphortag-lock-20-filled
Fluent UIlock-outline-sharp
Material Symbolseye-lock
Material Design Iconslock-up
Tablerlock-fill
Phosphortag-lock-20-regular
Fluent UIlock-sharp
Material Symbolseye-lock-outline
Material Design Iconslock-cog
Tablerlock-light
Phosphortag-lock-24-filled
Fluent UIcar-lock
Material Symbolslock-off
Material Design Iconslock-off
Tablerlock-thin
Phosphortag-lock-24-regular
Fluent UIcar-lock-outline
Material Symbolslock-off-outline
Material Design Iconslock-pin
Tablerlock-key
Phosphortag-lock-32-filled
Fluent UIcar-lock-outline-rounded
Material Symbolspen-lock
Material Design Iconsmap-lock
Tablerlock-key-bold
Phosphortag-lock-32-regular
Fluent UIcar-lock-outline-sharp
Material Symbolsaxis-lock
Material Design Iconsfile-lock
Tablerlock-key-duotone
Phosphorcar-lock-rounded
Material Symbolsbook-lock
Material Design Icons

Como usar ícones de cadeado

Cadeados indicam segurança, conteúdo privado, senhas e configurações bloqueadas.

Todos os ícones aqui seguem currentColor, então assumem a cor do texto do elemento em que estão. Um único SVG funciona em fundos claros e escuros, em links e em botões. Defina width e height explicitamente (ou dimensione-os no CSS com 1em) para o layout não mudar 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 “Cadeado”.

Licenças

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

Perguntas frequentes

Esses ícones de cadeado 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 cadeado?
Os SVGs usam currentColor, então defina a propriedade color no CSS do elemento pai. Também é possível abrir o ícone no buscador e escolher uma cor fixa antes de copiar.
Posso usar esses ícones no Webflow ou no React?
Sim. Abra um ícone e use Copiar para Webflow (cola um Code Embed) ou Copiar JSX para um componente React.