أيقونة Connection
ep:connection
أيقونة Connection (ep:connection) أيقونة SVG مجانية من مجموعة Element Plus. مرسومة على شبكة 1024 × 1024. تُنشر Element Plus icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Element Plus
- المؤلف
- Element Plus
- الترخيص
- MIT
- الحجم
- 1024 × 1024
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M640 384v64H448a128 128 0 0 0-128 128v128a128 128 0 0 0 128 128h320a128 128 0 0 0 128-128V576a128 128 0 0 0-64-110.8v-70.3a192 192 0 0 1 128 181v128a192 192 0 0 1-192 192H448a192 192 0 0 1-192-192V576a192 192 0 0 1 192-192z"/><path fill="currentColor" d="M384 640v-64h192a128 128 0 0 0 128-128V320a128 128 0 0 0-128-128H256a128 128 0 0 0-128 128v128a128 128 0 0 0 64 110.8v70.3A192 192 0 0 1 64 448V320a192 192 0 0 1 192-192h320a192 192 0 0 1 192 192v128a192 192 0 0 1-192 192z"/></svg>
كيفية استخدام أيقونة Connection
React
import { Icon } from "@iconify/react";
<Icon icon="ep:connection" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ep:connection" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ep:connection" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--connection]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:connection"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ep:connection"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/ep/connection.svg" alt="أيقونة Connection" width="24" height="24">
أيقونة Connection في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Connection
هل أيقونة Connection مجانية للاستخدام التجاري؟
نعم. تُنشر Element Plus icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Connection في React؟
ثبّت @iconify/react واعرض <Icon icon="ep:connection" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Connection إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ep/connection.svg" alt="أيقونة Connection">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Element Plus →
ICONYZ
