أيقونة Rectangular Circular Connection
icon-park:rectangular-circular-connection
أيقونة Rectangular Circular Connection (icon-park:rectangular-circular-connection) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- تجريدية
- الوسوم
- rectangularcircular، circularconnection، rectangularcircularconnection
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M12 19C15.3137 19 18 16.3137 18 13C18 9.68629 15.3137 7 12 7C8.68629 7 6 9.68629 6 13C6 16.3137 8.68629 19 12 19Z"/><path fill="#2F88FF" d="M17 31H7V41H17V31Z"/><path stroke-linecap="round" d="M25.68 13H42V36H25"/></g></svg>
كيفية استخدام أيقونة Rectangular Circular Connection
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:rectangular-circular-connection" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:rectangular-circular-connection" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:rectangular-circular-connection" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--rectangular-circular-connection]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:rectangular-circular-connection"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:rectangular-circular-connection"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/rectangular-circular-connection.svg" alt="أيقونة Rectangular Circular Connection" width="24" height="24">
أيقونات ذات صلة في IconPark
أيقونة Rectangular Circular Connection في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Rectangular Circular Connection
هل أيقونة Rectangular Circular Connection مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Rectangular Circular Connection في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:rectangular-circular-connection" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Rectangular Circular Connection إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/rectangular-circular-connection.svg" alt="أيقونة Rectangular Circular Connection">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
