ICONYZ
العربية
أيقونة Loading Circle Solid من Plump free icons

أيقونة Loading Circle Solid

streamline-plump:loading-circle-solid

أيقونة Loading Circle Solid (streamline-plump:loading-circle-solid) أيقونة SVG مجانية من مجموعة Plump free icons من تصميم Streamline. مرسومة على شبكة 48 × 48. تُنشر Plump free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Plump free icons
المؤلف
Streamline
الترخيص
CC-BY-4.0
الحجم
48 × 48
الفئة
أساسيات الواجهة
الوسوم
loadingcircle، circlesolid، loadingcirclesolid
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M24.014 1C11.303 1 .999 11.304.999 24.015c0 11.235 8.05 20.588 18.697 22.61c1.247.237 2.317-.748 2.317-1.944v-4.402c0-.97-.685-1.755-1.565-1.974c-6.41-1.594-11.16-7.389-11.16-14.29c0-8.133 6.593-14.725 14.726-14.725c6.984 0 12.834 4.863 14.345 11.39c.207.893.998 1.597 1.982 1.597h4.387c1.187 0 2.167-1.054 1.948-2.294C44.77 9.195 35.35 1 24.014 1m9.92 36.026c-.678-.679-1.706-.756-2.48-.301a14.6 14.6 0 0 1-3.876 1.58c-.88.219-1.564 1.004-1.564 1.974v4.402c0 1.196 1.07 2.18 2.317 1.944a22.9 22.9 0 0 0 8.446-3.456c1.062-.709 1.129-2.172.278-3.023zm4.317-9.239c.237-.854 1.011-1.51 1.96-1.51h4.418c1.205 0 2.194 1.086 1.939 2.34a22.85 22.85 0 0 1-3.631 8.5c-.72 1.038-2.163 1.092-3.004.251l-3.105-3.105c-.687-.687-.757-1.727-.288-2.503v-.001l.024-.042a47 47 0 0 0 .37-.672c.226-.418.47-.888.602-1.193c.133-.306.31-.813.461-1.272a44 44 0 0 0 .24-.746z" clip-rule="evenodd"/></svg>

كيفية استخدام أيقونة Loading Circle Solid

React

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

<Icon icon="streamline-plump:loading-circle-solid" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump:loading-circle-solid" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump:loading-circle-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--loading-circle-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:loading-circle-solid"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-plump:loading-circle-solid"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump/loading-circle-solid.svg" alt="أيقونة Loading Circle Solid" width="24" height="24">

أيقونات ذات صلة في Plump free icons

أيقونة loading-circle
loading-circle
 أيقونة loading-circle-remix
loading-circle-remix
 أيقونة loading-horizontal-2
loading-horizontal-2
 أيقونة loading-horizontal-2-remix
loading-horizontal-2-remix
 أيقونة loading-horizontal-2-solid
loading-horizontal-2-solid

الأسئلة الشائعة حول أيقونة Loading Circle Solid

هل أيقونة Loading Circle Solid مجانية للاستخدام التجاري؟

نعم. تُنشر Plump free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Loading Circle Solid في React؟

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

كيف أضيف أيقونة Loading Circle Solid إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-plump/loading-circle-solid.svg" alt="أيقونة Loading Circle Solid">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Plump free icons →