أيقونة Block Contact
fluent-mdl2:block-contact
أيقونة Block Contact (fluent-mdl2:block-contact) أيقونة SVG مجانية من مجموعة Fluent UI MDL2 من تصميم Microsoft Corporation. مرسومة على شبكة 2048 × 2048. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Fluent UI MDL2
- المؤلف
- Microsoft Corporation
- الترخيص
- MIT
- الحجم
- 2048 × 2048
- الوسوم
- blockcontact
شيفرة 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>
كيفية استخدام أيقونة 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>
مكوّن ويب
<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>
صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/block-contact.svg" alt="أيقونة Block Contact" width="24" height="24">
أيقونات ذات صلة في Fluent UI MDL2
الأسئلة الشائعة حول أيقونة Block Contact
هل أيقونة Block Contact مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Block Contact في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:block-contact" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Block Contact إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/block-contact.svg" alt="أيقونة Block Contact">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Fluent UI MDL2 →
ICONYZ
