ICONYZ
العربية
أيقونة Connect Contacts من Fluent UI MDL2

أيقونة Connect Contacts

fluent-mdl2:connect-contacts

أيقونة Connect Contacts (fluent-mdl2:connect-contacts) أيقونة 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
الوسوم
connectcontacts، contact
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1632 1462q66 33 119 81t90 107t58 128t21 142h-128q0-79-30-149t-82-122t-123-83t-149-30q-80 0-149 30t-122 82t-83 123t-30 149H896q0-73 20-142t58-128t91-107t119-81q-75-54-117-135t-43-175q0-79-30-149t-82-122t-123-83t-149-30q-80 0-149 30t-122 82t-83 123t-30 149H128q0-73 20-142t58-128t91-107t119-81q-75-54-117-135t-43-175q0-79 30-149t82-122t122-83T640 0q79 0 149 30t122 82t83 123t30 149q0 94-42 175T864 694q76 38 136 98t98 136q54-75 135-117t175-43q79 0 149 30t122 82t83 123t30 149q0 94-42 175t-118 135M640 640q53 0 99-20t82-55t55-81t20-100q0-53-20-99t-55-82t-81-55t-100-20q-53 0-99 20t-82 55t-55 81t-20 100q0 53 20 99t55 82t81 55t100 20m768 768q53 0 99-20t82-55t55-81t20-100q0-53-20-99t-55-82t-81-55t-100-20q-53 0-99 20t-82 55t-55 81t-20 100q0 53 20 99t55 82t81 55t100 20m128-1152h-384V128h512v512h-128z"/></svg>

كيفية استخدام أيقونة Connect Contacts

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-mdl2:connect-contacts" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-mdl2:connect-contacts" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-mdl2:connect-contacts" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--connect-contacts]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:connect-contacts"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-mdl2:connect-contacts"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/connect-contacts.svg" alt="أيقونة Connect Contacts" width="24" height="24">

أيقونات ذات صلة في Fluent UI MDL2

أيقونة connect-virtual-machine
connect-virtual-machine

الأسئلة الشائعة حول أيقونة Connect Contacts

هل أيقونة Connect Contacts مجانية للاستخدام التجاري؟

نعم. تُنشر Fluent UI MDL2 icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Connect Contacts في React؟

ثبّت @iconify/react واعرض <Icon icon="fluent-mdl2:connect-contacts" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Connect Contacts إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/connect-contacts.svg" alt="أيقونة Connect Contacts">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Fluent UI MDL2 →