Icono Block Contact
fluent-mdl2:block-contact
El icono Block Contact (fluent-mdl2:block-contact) 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
- blockcontact
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1301 1110q-27 17-52 35t-49 42q-89-80-200-121t-232-42q-134 0-251 49t-203 136t-136 204t-50 251H0q0-120 35-232t100-206t156-167t206-114q-55-35-99-82t-76-104t-49-118t-17-129q0-106 40-199t110-162T569 41T768 0t199 40t162 110t110 163t41 199q0 66-17 128t-48 119t-76 103t-100 83q74 26 139 68t123 97M384 512q0 79 30 149t83 122t122 82t149 31q79 0 149-30t122-83t82-122t31-149q0-79-30-149t-83-122t-122-82t-149-31q-79 0-149 30t-122 83t-82 122t-31 149m1216 640q93 0 174 35t142 96t96 142t36 175q0 93-35 174t-96 142t-142 96t-175 36q-93 0-174-35t-142-96t-96-142t-36-175q0-93 35-174t96-142t142-96t175-36m0 768q47 0 92-13t84-40l-443-443q-26 39-39 84t-14 92q0 66 25 124t69 101t102 69t124 26m267-144q26-39 39-84t14-92q0-66-25-124t-69-101t-102-69t-124-26q-47 0-92 13t-84 40z"/></svg>
Cómo usar el icono Block Contact
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:block-contact" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:block-contact" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:block-contact" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--block-contact]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:block-contact"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:block-contact"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/block-contact.svg" alt="Icono Block Contact" width="24" height="24">
Iconos relacionados en Fluent UI MDL2
Preguntas frecuentes sobre Icono Block Contact
¿El icono Block Contact 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 Block Contact en React?
Instala @iconify/react y renderiza <Icon icon="fluent-mdl2:block-contact" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Block Contact a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/block-contact.svg" alt="Icono Block Contact">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Fluent UI MDL2 →
ICONYZ
