أيقونة Loading One
icon-park:loading-one
أيقونة Loading One (icon-park:loading-one) أيقونة SVG مجانية من مجموعة IconPark من تصميم ByteDance. مرسومة على شبكة 48 × 48. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- IconPark
- المؤلف
- ByteDance
- الترخيص
- Apache-2.0
- الحجم
- 48 × 48
- الفئة
- التشغيل
- الوسوم
- loadingone
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M24 4V8"/><path d="M34 6.6795L32 10.1436"/><path d="M41.3203 14L37.8562 16"/><path d="M44 24H40"/><path d="M41.3203 34L37.8562 32"/><path d="M34 41.3205L32 37.8564"/><path d="M24 44V40"/><path d="M14 41.3205L16 37.8564"/><path d="M6.67969 34L10.1438 32"/><path d="M4 24H8"/><path d="M6.67969 14L10.1438 16"/><path d="M14 6.6795L16 10.1436"/></g></svg>
كيفية استخدام أيقونة Loading One
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:loading-one" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:loading-one" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:loading-one" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--loading-one]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:loading-one"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:loading-one"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/icon-park/loading-one.svg" alt="أيقونة Loading One" width="24" height="24">
أيقونات ذات صلة في IconPark
أيقونة Loading One في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Loading One
هل أيقونة Loading One مجانية للاستخدام التجاري؟
نعم. تُنشر IconPark icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Loading One في React؟
ثبّت @iconify/react واعرض <Icon icon="icon-park:loading-one" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Loading One إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/icon-park/loading-one.svg" alt="أيقونة Loading One">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات IconPark →
ICONYZ
