أيقونة Outgoing
icon-park:outgoing
أيقونة Outgoing (icon-park:outgoing) أيقونة 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 fill="#2F88FF" stroke-linejoin="round" d="M18 35C18 32.7909 16.2091 31 14 31C11.7909 31 10 32.7909 10 35C10 37.2091 11.7909 39 14 39C16.2091 39 18 37.2091 18 35Z"/><path fill="#2F88FF" stroke-linejoin="round" d="M37 35C37 32.7909 35.2091 31 33 31C30.7909 31 29 32.7909 29 35C29 37.2091 30.7909 39 33 39C35.2091 39 37 37.2091 37 35Z"/><path stroke-linecap="round" d="M4 35H10"/><path stroke-linecap="round" d="M18 35H29"/><path stroke-linecap="round" d="M37 35H44"/><path stroke-linecap="round" stroke-linejoin="round" d="M38 19L44 13L38 7"/><path stroke-linecap="round" stroke-linejoin="round" d="M4 13H44"/></g></svg>كيفية استخدام أيقونة Outgoing
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:outgoing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:outgoing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:outgoing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--outgoing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:outgoing"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:outgoing"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/outgoing.svg" alt="أيقونة Outgoing" width="24" height="24">أيقونة Outgoing في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Outgoing
هل أيقونة Outgoing مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Outgoing في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:outgoing" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Outgoing إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/outgoing.svg" alt="أيقونة Outgoing">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.