أيقونة Connections Sharp Fill

keyline-icons:connections-sharp-fill

أيقونة Connections Sharp Fill (keyline-icons:connections-sharp-fill) أيقونة SVG مجانية من مجموعة Keyline Icons. مرسومة على شبكة 24 × 24. تُنشر Keyline Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Keyline Icons
المؤلف: Keyline Icons
الترخيص: MIT
الحجم: 24 × 24
الوسوم: connectionssharp، sharpfill، connectionssharpfill، connection

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M11 17.5C11 19.9853 8.9853 22 6.5 22C4.0147 22 2 19.9853 2 17.5C2 15.0147 4.0147 13 6.5 13C8.9853 13 11 15.0147 11 17.5ZM22 6.5C22 8.9853 19.9853 11 17.5 11C15.0147 11 13 8.9853 13 6.5C13 4.0147 15.0147 2 17.5 2C19.9853 2 22 4.0147 22 6.5ZM10 5.5C10 7.9853 7.9853 10 5.5 10C3.0147 10 1 7.9853 1 5.5C1 3.0147 3.0147 1 5.5 1C7.9853 1 10 3.0147 10 5.5ZM23 18.5C23 20.9853 20.9853 23 18.5 23C16.0147 23 14 20.9853 14 18.5C14 16.0147 16.0147 14 18.5 14C20.9853 14 23 16.0147 23 18.5Z" clip-rule="evenodd" stroke="none"/><path d="M8.9749 15.0251L15.0251 8.9749"/></g></svg>

كيفية استخدام أيقونة Connections Sharp Fill

React

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

<Icon icon="keyline-icons:connections-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:connections-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:connections-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--connections-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:connections-sharp-fill"></div>

مكوّن ويب

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

<iconify-icon icon="keyline-icons:connections-sharp-fill"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/connections-sharp-fill.svg" alt="أيقونة Connections Sharp Fill" width="24" height="24">

أيقونات ذات صلة في Keyline Icons

الأسئلة الشائعة حول أيقونة Connections Sharp Fill

هل أيقونة Connections Sharp Fill مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Connections Sharp Fill في React؟

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

كيف أضيف أيقونة Connections Sharp Fill إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/keyline-icons/connections-sharp-fill.svg" alt="أيقونة Connections Sharp Fill">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Keyline Icons →