Icono Contact Lock
fluent-mdl2:contact-lock
El icono Contact Lock (fluent-mdl2:contact-lock) es un icono SVG gratuito de la colección Fluent UI MDL2 de Microsoft Corporation. Está dibujado en una cuadrícula de 2048 × 2048. Fluent UI MDL2 icons se publican bajo la licencia MIT, 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
- Fluent UI MDL2
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 2048 × 2048
- Etiquetas
- contactlock
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1357 1051q-20 26-34 55t-24 62q-86-70-189-107t-214-37q-88 0-170 23t-153 64t-129 100t-100 130t-65 153t-23 170H128q0-120 35-231t101-205t156-167t204-115q-56-35-100-82t-76-104t-47-119t-17-129q0-106 40-199t110-162T697 41T896 0t199 40t162 110t110 163t41 199q0 66-16 129t-48 119t-76 103t-101 83q104 40 190 105M512 512q0 80 30 149t82 122t122 83t150 30q79 0 149-30t122-82t83-122t30-150q0-79-30-149t-82-122t-123-83t-149-30q-80 0-149 30t-122 82t-83 123t-30 149m1536 896v640h-768v-640h128v-128q0-53 20-99t55-82t81-55t100-20q53 0 99 20t82 55t55 81t20 100v128zm-512 0h256v-128q0-27-10-50t-27-40t-41-28t-50-10q-27 0-50 10t-40 27t-28 41t-10 50zm384 128h-512v384h512z"/></svg>
Cómo usar el icono Contact Lock
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:contact-lock" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:contact-lock" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:contact-lock" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--contact-lock]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:contact-lock"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:contact-lock"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/contact-lock.svg" alt="Icono Contact Lock" width="24" height="24">
Iconos relacionados en Fluent UI MDL2
Preguntas frecuentes sobre Icono Contact Lock
¿El icono Contact Lock es gratis para uso comercial?
Sí. Fluent UI MDL2 icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Contact Lock en React?
Instala @iconify/react y renderiza <Icon icon="fluent-mdl2:contact-lock" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Contact Lock a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/contact-lock.svg" alt="Icono Contact Lock">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Fluent UI MDL2 →
ICONYZ
