أيقونة Four Round Point Connection
icon-park:four-round-point-connection
أيقونة Four Round Point Connection (icon-park:four-round-point-connection) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- تجريدية
- الوسوم
- fourround، roundpoint، pointconnection، fourroundpointconnection
شيفرة 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 fill="#2F88FF" d="M10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16Z"/><path d="M6.28339 14.7109C5.42081 16.3526 4.77973 18.1289 4.3999 20.0001"/><path d="M14.7109 6.28339C16.3527 5.4208 18.129 4.77973 20.0002 4.3999"/><path fill="#2F88FF" d="M38 16C41.3137 16 44 13.3137 44 10C44 6.68629 41.3137 4 38 4C34.6863 4 32 6.68629 32 10C32 13.3137 34.6863 16 38 16Z"/><path d="M33.2893 6.28339C31.6475 5.4208 29.8712 4.77973 28 4.3999"/><path d="M41.7163 14.7109C42.5789 16.3526 43.22 18.1289 43.5998 20.0001"/><path fill="#2F88FF" d="M38 44C41.3137 44 44 41.3137 44 38C44 34.6863 41.3137 32 38 32C34.6863 32 32 34.6863 32 38C32 41.3137 34.6863 44 38 44Z"/><path d="M41.7163 33.2893C42.5789 31.6475 43.22 29.8712 43.5998 28"/><path d="M33.2893 41.7163C31.6475 42.5789 29.8712 43.22 28 43.5998"/><path fill="#2F88FF" d="M10 44C13.3137 44 16 41.3137 16 38C16 34.6863 13.3137 32 10 32C6.68629 32 4 34.6863 4 38C4 41.3137 6.68629 44 10 44Z"/><path d="M14.7109 41.7163C16.3527 42.5789 18.129 43.22 20.0002 43.5998"/><path d="M6.28339 33.2893C5.42081 31.6475 4.77973 29.8712 4.3999 28"/><path d="M24 30V18M18 24H30H18Z"/></g></svg>
كيفية استخدام أيقونة Four Round Point Connection
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:four-round-point-connection" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:four-round-point-connection" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:four-round-point-connection" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--four-round-point-connection]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:four-round-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-round-point-connection"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/four-round-point-connection.svg" alt="أيقونة Four Round Point Connection" width="24" height="24">
أيقونات ذات صلة في IconPark
أيقونة Four Round Point Connection في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Four Round Point Connection
هل أيقونة Four Round Point Connection مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Four Round Point Connection في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:four-round-point-connection" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Four Round Point Connection إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/four-round-point-connection.svg" alt="أيقونة Four Round Point Connection">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
