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

Iconos de candado gratis (SVG)

48 iconos de candado de conjuntos de código abierto. Haz clic en uno para cambiar su tamaño, color y trazo, y cópialo como SVG, JSX, data URI o CSS.

Actualizado el

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

Uso de iconos de candado

Los candados representan seguridad, contenido privado, contraseñas y ajustes bloqueados.

Todos los iconos de aquí siguen currentColor, así que toman el color de texto del elemento en el que están: un mismo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define de forma explícita width y height (o ajusta su tamaño en CSS con 1em) para que el diseño no se desplace mientras carga la página.

Iconos accesibles

Si el icono es decorativo o va junto a texto visible, añade aria-hidden="true". Si es el único contenido de un botón o enlace, dale a ese elemento un aria-label como «Candado».

Licencias

Estos iconos de candado proceden de Lucide, Tabler, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols y Material Design Icons: conjuntos de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas algo más? Busca entre más de 70,000 iconos en el Buscador de iconos SVG.

Preguntas frecuentes

¿Son gratuitos para uso comercial estos iconos de candado?
Sí. Proceden de conjuntos de iconos de código abierto con licencias MIT, ISC o Apache 2.0, que permiten el uso comercial. Mantén el aviso de licencia si redistribuyes los propios archivos de iconos.
¿Cómo cambio el color de un icono de candado?
Los SVG usan currentColor, así que define el color CSS del elemento padre. También puedes abrir el icono en el buscador y elegir un color fijo antes de copiarlo.
¿Puedo usar estos iconos en Webflow o React?
Sí. Abre un icono y usa Copiar para Webflow (pega un Code Embed) o Copiar JSX para un componente de React.