أيقونة Four Point Connection
icon-park:four-point-connection
أيقونة Four Point Connection (icon-park:four-point-connection) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- تجريدية
- الوسوم
- fourpoint، pointconnection، fourpointconnection
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M8 28V40H20"/><path d="M28 40H40V28"/><path d="M40 20V8H28"/><path d="M20 8H8V20"/><path fill="#2F88FF" d="M44 20H36V28H44V20Z"/><path fill="#2F88FF" d="M12 20H4V28H12V20Z"/><path fill="#2F88FF" d="M28 36H20V44H28V36Z"/><path fill="#2F88FF" d="M28 4H20V12H28V4Z"/><path d="M24 18V30"/><path d="M18 24H30"/><path d="M28 8L40 20"/><path d="M20 8L8 20"/><path d="M20 40L8 28"/><path d="M40 28L29 40"/></g></svg>
كيفية استخدام أيقونة Four Point Connection
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:four-point-connection" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:four-point-connection" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:four-point-connection" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--four-point-connection]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:four-point-connection"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:four-point-connection"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/four-point-connection.svg" alt="أيقونة Four Point Connection" width="24" height="24">
أيقونات ذات صلة في IconPark
أيقونة Four Point Connection في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Four Point Connection
هل أيقونة Four Point Connection مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Four Point Connection في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:four-point-connection" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Four Point Connection إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/four-point-connection.svg" alt="أيقونة Four Point Connection">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
