أيقونة Orange One
icon-park:orange-one
أيقونة Orange One (icon-park:orange-one) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- الأطعمة
- الوسوم
- orangeone
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M34.1508 34.8492C42.3518 26.6482 42.3518 13.3518 34.1508 5.15076L4.45227 34.8492C12.6533 43.0503 25.9497 43.0503 34.1508 34.8492Z"/><path stroke="#fff" d="M19.3011 19.9999L34.1504 34.8491"/><path stroke="#fff" d="M19.3018 19.9997V41.2129"/><path stroke="#fff" d="M19.3015 19.9999L39.8076 20.707"/><path stroke="#000" d="M39.7545 14.9967C41.4194 21.8766 39.5661 29.4339 34.1947 34.8053C28.8232 40.1768 21.2659 42.0301 14.3861 40.3652"/><path stroke="#000" d="M14.3516 24.9496L22.8369 16.4644"/></g></svg>
كيفية استخدام أيقونة Orange One
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:orange-one" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:orange-one" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:orange-one" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--orange-one]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:orange-one"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:orange-one"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/orange-one.svg" alt="أيقونة Orange One" width="24" height="24">
أيقونات ذات صلة في IconPark
أيقونة Orange One في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Orange One
هل أيقونة Orange One مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Orange One في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:orange-one" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Orange One إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/orange-one.svg" alt="أيقونة Orange One">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
