ICONYZ
Español
Icono Image Lock de Unicons

Icono Image Lock

uil:image-lock

El icono Image Lock (uil:image-lock) es un icono SVG gratuito de la colección Unicons de Iconscout. Está dibujado en una cuadrícula de 24 × 24. Unicons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Unicons
Autor
Iconscout
Licencia
Apache-2.0
Tamaño
24 × 24
Categoría
Multimedia
Etiquetas
imagelock
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 5.18V4a3 3 0 0 0-6 0v1.18A3 3 0 0 0 12 8v2a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3V8a3 3 0 0 0-2-2.82M16 4a1 1 0 0 1 2 0v1h-2Zm4 6a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1Zm-1 5a1 1 0 0 0-1 1v3a.9.9 0 0 1-.18.53l-8.41-8.41a2.86 2.86 0 0 0-3.93 0L4 12.6V7a1 1 0 0 1 1-1h5a1 1 0 0 0 0-2H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-3a1 1 0 0 0-1-1M5 20a1 1 0 0 1-1-1v-3.57l2.9-2.9a.79.79 0 0 1 1.09 0L15.46 20Z"/></svg>

Cómo usar el icono Image Lock

React

import { Icon } from "@iconify/react";

<Icon icon="uil:image-lock" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="uil:image-lock" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="uil:image-lock" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[uil--image-lock]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/uil -->
<div class="i-uil:image-lock"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="uil:image-lock"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/uil/image-lock.svg" alt="Icono Image Lock" width="24" height="24">

Iconos relacionados en Unicons

Icono image
image
 Icono image-alt-slash
image-alt-slash
 Icono image-block
image-block
 Icono image-broken
image-broken
 Icono image-check
image-check
 Icono image-download
image-download
 Icono image-edit
image-edit
 Icono image-minus
image-minus
 Icono image-plus
image-plus
 Icono image-question
image-question
 Icono image-redo
image-redo
 Icono image-resize-landscape
image-resize-landscape
 Icono image-resize-square
image-resize-square
 Icono image-search
image-search
 Icono image-share
image-share
 Icono image-shield
image-shield
 Icono image-slash
image-slash
 Icono image-times
image-times
 Icono image-upload
image-upload
 Icono image-v
image-v
 Icono images
images

El icono Image Lock en otras colecciones

Icono Image Lock de Material Design Icons
Material Design Icons
 Icono Image Lock de IconOven
IconOven

Preguntas frecuentes sobre Icono Image Lock

¿El icono Image Lock es gratis para uso comercial?

Sí. Unicons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Image Lock en React?

Instala @iconify/react y renderiza <Icon icon="uil:image-lock" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Image Lock a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/uil/image-lock.svg" alt="Icono Image Lock">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Unicons →