أيقونة Outbound
icon-park:outbound
أيقونة Outbound (icon-park:outbound) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- تجريدية
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M40 24L24 24"/><path stroke-linecap="round" stroke-linejoin="round" d="M34 18L40 24L34 30"/><circle cx="20" cy="24" r="4" fill="#2F88FF"/><path stroke-linecap="round" d="M40.706 13C39.9214 11.8109 39.0133 10.7105 38 9.71713C34.3925 6.18064 29.4509 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44C29.4509 44 34.3925 41.8194 38 38.2829C39.0133 37.2895 39.9214 36.1891 40.706 35"/></g></svg>
كيفية استخدام أيقونة Outbound
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:outbound" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:outbound" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:outbound" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--outbound]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:outbound"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:outbound"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/outbound.svg" alt="أيقونة Outbound" width="24" height="24">
أيقونة Outbound في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Outbound
هل أيقونة Outbound مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Outbound في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:outbound" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Outbound إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/outbound.svg" alt="أيقونة Outbound">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
