Icono Lock Open
zmdi:lock-open
El icono Lock Open (zmdi:lock-open) es un icono SVG gratuito de la colección Material Design Iconic Font de MDI Community. Está dibujado en una cuadrícula de 344 × 456. Material Design Iconic Font icons se publican bajo la Open Font License, 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
- Material Design Iconic Font
- Autor
- MDI Community
- Licencia
- OFL-1.1
- Tamaño
- 344 × 456
- Etiquetas
- lockopen
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="344" height="456" viewBox="0 0 344 456"><path fill="currentColor" d="M170.5 347q-17.5 0-30-12.5T128 304t12.5-30.5t30-12.5t30 12.5T213 304t-12.5 30.5t-30 12.5M299 155q17 0 29.5 12.5T341 197v214q0 17-12.5 29.5T299 453H43q-18 0-30.5-12.5T0 411V197q0-17 12.5-29.5T43 155h194v-43q0-27-19.5-46.5t-47-19.5T124 65.5T105 112H64q0-44 31.5-75.5T171 5t75 31.5t31 75.5v43zm0 256V197H43v214z"/></svg>
Cómo usar el icono Lock Open
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:lock-open" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:lock-open" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:lock-open" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--lock-open]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:lock-open"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:lock-open"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/zmdi/lock-open.svg" alt="Icono Lock Open" width="24" height="24">
Iconos relacionados en Material Design Iconic Font
El icono Lock Open en otras colecciones
Preguntas frecuentes sobre Icono Lock Open
¿El icono Lock Open es gratis para uso comercial?
Sí. Material Design Iconic Font icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Lock Open en React?
Instala @iconify/react y renderiza <Icon icon="zmdi:lock-open" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Lock Open a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/zmdi/lock-open.svg" alt="Icono Lock Open">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Material Design Iconic Font →
ICONYZ
