Icono Lock Outline
zmdi:lock-outline
El icono Lock Outline (zmdi:lock-outline) 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
- lockoutline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="344" height="456" viewBox="0 0 344 456"><path fill="currentColor" d="M299 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 155h21v-43q0-44 31.5-75.5T171 5t75 31.5t31 75.5v43zM170.5 46Q143 46 124 65.5T105 112h2v43h130v-43q0-27-19.5-46.5t-47-19.5M299 411V197H43v214zm-128.5-64q-17.5 0-30-12.5T128 304t12.5-30.5t30-12.5t30 12.5T213 304t-12.5 30.5t-30 12.5"/></svg>
Cómo usar el icono Lock Outline
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:lock-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:lock-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:lock-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--lock-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:lock-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:lock-outline"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/zmdi/lock-outline.svg" alt="Icono Lock Outline" width="24" height="24">
Iconos relacionados en Material Design Iconic Font
El icono Lock Outline en otras colecciones
Preguntas frecuentes sobre Icono Lock Outline
¿El icono Lock Outline 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 Outline en React?
Instala @iconify/react y renderiza <Icon icon="zmdi:lock-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Lock Outline a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/zmdi/lock-outline.svg" alt="Icono Lock Outline">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Material Design Iconic Font →
ICONYZ
