ICONYZ
العربية
أيقونة My Orange من Arcticons

أيقونة My Orange

arcticons:my-orange

أيقونة My Orange (arcticons:my-orange) أيقونة SVG مجانية من مجموعة Arcticons من تصميم Donnnno. مرسومة على شبكة 48 × 48. تُنشر Arcticons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Arcticons
المؤلف
Donnnno
الترخيص
CC-BY-SA-4.0
الحجم
48 × 48
الوسوم
myorange
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="23.124" cy="11.779" r="7.279" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M34.1 23.693s-1.387-2.885-4.492-4.176c0 0-6.085 5.237-13.023 0c0 0-5.346 2.385-5.573 8.186V38.11s.333 3.555 3.98 3.81l9.612-.057"/><rect width="10.211" height="17.605" x="26.777" y="25.895" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.673" ry="1.673"/><circle cx="31.882" cy="41.14" r=".75" fill="currentColor"/></svg>

كيفية استخدام أيقونة My Orange

React

import { Icon } from "@iconify/react";

<Icon icon="arcticons:my-orange" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="arcticons:my-orange" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="arcticons:my-orange" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--my-orange]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:my-orange"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="arcticons:my-orange"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/arcticons/my-orange.svg" alt="أيقونة My Orange" width="24" height="24">

أيقونات ذات صلة في Arcticons

أيقونة my-a1
my-a1
 أيقونة my-ac
my-ac
 أيقونة my-apps-time
my-apps-time
 أيقونة my-argentina
my-argentina
 أيقونة my-au
my-au
 أيقونة my-audi
my-audi
 أيقونة my-base
my-base
 أيقونة my-boy
my-boy
 أيقونة my-bplus
my-bplus
 أيقونة my-brain
my-brain
 أيقونة my-cloud-home
my-cloud-home
 أيقونة my-cupra
my-cupra
 أيقونة my-data-manager
my-data-manager
 أيقونة my-desktop-iscreen
my-desktop-iscreen
 أيقونة my-device
my-device
 أيقونة my-diary
my-diary
 أيقونة my-diary-2
my-diary-2
 أيقونة my-digi
my-digi
 أيقونة my-dishtv
my-dishtv
 أيقونة my-docomo
my-docomo
 أيقونة my-dyson
my-dyson
 أيقونة my-edenred
my-edenred
 أيقونة my-edenred-shopping
my-edenred-shopping
 أيقونة my-ee
my-ee

الأسئلة الشائعة حول أيقونة My Orange

هل أيقونة My Orange مجانية للاستخدام التجاري؟

نعم. تُنشر Arcticons بموجب ترخيص CC BY-SA 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه ومشاركة أي تعديلات على الأيقونات بالترخيص نفسه.

كيف أستخدم أيقونة My Orange في React؟

ثبّت @iconify/react واعرض <Icon icon="arcticons:my-orange" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة My Orange إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/arcticons/my-orange.svg" alt="أيقونة My Orange">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Arcticons →