ICONYZ
العربية
أيقونة Connect Without Contact من Material Symbols Light

أيقونة Connect Without Contact

material-symbols-light:connect-without-contact

أيقونة Connect Without Contact (material-symbols-light:connect-without-contact) أيقونة SVG مجانية من مجموعة Material Symbols Light من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols Light icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Material Symbols Light
المؤلف
Google
الترخيص
Apache-2.0
الحجم
24 × 24
الفئة
التواصل الاجتماعي
الوسوم
communicating، connect، contact، distance، people، signal، social، socialize، without، connectwithout، withoutcontact، connectwithoutcontact، connect without contact outline، connect without contact outline sharp، connect without contact sharp
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16 21v-2.116q-1.246-.315-2.158-1.215T12.666 15.5h1q.334 1.094 1.233 1.797T17 18h3q.414 0 .707.293T21 19v2zm2.5-5q-.633 0-1.066-.434Q17 15.133 17 14.5t.434-1.066T18.5 13t1.066.434Q20 13.867 20 14.5t-.434 1.066Q19.133 16 18.5 16m-8.73-2.5q0-2.904 2.028-4.923t4.933-2.02v1q-2.483 0-4.222 1.73t-1.74 4.213zm3 0q0-1.652 1.154-2.807t2.807-1.155v1q-1.231 0-2.097.866q-.865.865-.865 2.096zM3 11V9q0-.413.293-.707T4 8h3q1.202 0 2.101-.703T10.334 5.5h1.02q-.227 1.23-1.148 2.15T8 8.885V11zm2.5-5q-.633 0-1.066-.434Q4 5.133 4 4.5t.434-1.066Q4.867 3 5.5 3t1.066.434Q7 3.867 7 4.5t-.434 1.066Q6.133 6 5.5 6"/></svg>

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

React

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

<Icon icon="material-symbols-light:connect-without-contact" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:connect-without-contact" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:connect-without-contact" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--connect-without-contact]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:connect-without-contact"></div>

مكوّن ويب

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

<iconify-icon icon="material-symbols-light:connect-without-contact"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/connect-without-contact.svg" alt="أيقونة Connect Without Contact" width="24" height="24">

أيقونات ذات صلة في Material Symbols Light

أيقونة Connect Without Contact في مجموعات أخرى

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

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

نعم. تُنشر Material Symbols Light icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-symbols-light/connect-without-contact.svg" alt="أيقونة Connect Without Contact">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Material Symbols Light →