أيقونة Connect Without Contact
material-symbols:connect-without-contact
أيقونة Connect Without Contact (material-symbols:connect-without-contact) أيقونة SVG مجانية من مجموعة Material Symbols من تصميم Google. مرسومة على شبكة 24 × 24. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Material Symbols
- المؤلف
- Google
- الترخيص
- Apache-2.0
- الحجم
- 24 × 24
- الفئة
- التواصل الاجتماعي
- الوسوم
- communicating، connect، contact، distance، people، signal، social، socialize، without، connectwithout، withoutcontact، connectwithoutcontact، connect without contact sharp، connect without contact outline sharp، connect without contact outline
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16 22v-2.25q-1.4-.45-2.35-1.6t-1.1-2.65h2q.2 1.075 1.013 1.787T17.5 18h3q.625 0 1.063.438T22 19.5V22zm3-5q-.825 0-1.412-.587T17 15t.588-1.412T19 13t1.413.588T21 15t-.587 1.413T19 17M9 14q0-3.75 2.625-6.375T18 5v2q-2.925 0-4.962 2.038T11 14zm4 0q0-2.075 1.463-3.537T18 9v2q-1.25 0-2.125.875T15 14zM2 11V8.5q0-.625.438-1.062T3.5 7h3q1.125 0 1.938-.712T9.45 4.5h2q-.15 1.5-1.1 2.65T8 8.75V11zm3-5q-.825 0-1.412-.587T3 4t.588-1.412T5 2t1.413.588T7 4t-.587 1.413T5 6"/></svg>
كيفية استخدام أيقونة Connect Without Contact
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:connect-without-contact" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:connect-without-contact" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:connect-without-contact" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--connect-without-contact]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols: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:connect-without-contact"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/connect-without-contact.svg" alt="أيقونة Connect Without Contact" width="24" height="24">
أيقونات ذات صلة في Material Symbols
أيقونة Connect Without Contact في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Connect Without Contact
هل أيقونة Connect Without Contact مجانية للاستخدام التجاري؟
نعم. تُنشر Material Symbols icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Connect Without Contact في React؟
ثبّت @iconify/react واعرض <Icon icon="material-symbols:connect-without-contact" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Connect Without Contact إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/material-symbols/connect-without-contact.svg" alt="أيقونة Connect Without Contact">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Material Symbols →
ICONYZ
