ICONYZ
العربية
أيقونة Content Navigator Sync Loading من Carbon

أيقونة Content Navigator Sync Loading

carbon:content-navigator-sync-loading

أيقونة Content Navigator Sync Loading (carbon:content-navigator-sync-loading) أيقونة SVG مجانية من مجموعة Carbon من تصميم IBM. مرسومة على شبكة 32 × 32. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Carbon
المؤلف
IBM
الترخيص
Apache-2.0
الحجم
32 × 32
الفئة
العلامة التجارية
الوسوم
contentnavigator، navigatorsync، syncloading، contentnavigatorsyncloading
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M17 11h-4c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-6zm1 8h-4v-6h2v2h2zM3 11a1 1 0 1 1 0 2a1 1 0 0 1 0-2m13 19c-1.848 0-3.65-.358-5.358-1.065a13.9 13.9 0 0 1-4.541-3.036a13.9 13.9 0 0 1-3.035-4.542A13.9 13.9 0 0 1 2 16h2c0 1.583.308 3.129.914 4.592a12 12 0 0 0 2.6 3.893a12 12 0 0 0 3.894 2.602A12 12 0 0 0 16 28zm16-9h-2.69c.01 0 .01.01.02.01c1 .66 1.76 1.6 2.21 2.7c.46 1.09.58 2.29.34 3.46c-.23 1.17-.8 2.23-1.64 3.07s-1.9 1.41-3.07 1.64Q26.585 32 26 32c-.79 0-1.56-.15-2.3-.46a5.9 5.9 0 0 1-2.69-2.21A6 6 0 0 1 20 26h2c0 .79.23 1.56.67 2.22c.45.66 1.07 1.17 1.8 1.48c.73.3 1.53.38 2.31.22c.78-.15 1.49-.53 2.05-1.09s.94-1.27 1.09-2.05c.16-.78.08-1.58-.22-2.31c-.31-.73-.82-1.35-1.48-1.8a4 4 0 0 0-1.22-.54V26h-2v-7h7zm-2-5h-2c0-2.38-.7-4.69-2.02-6.67a11.95 11.95 0 0 0-5.39-4.42c-2.2-.91-4.6-1.15-6.93-.68c-2.09.42-4.01 1.37-5.6 2.77H12v2H5V2h2v3.28c1.79-1.51 3.94-2.55 6.27-3.01c2.72-.54 5.52-.27 8.09.8a13.93 13.93 0 0 1 6.28 5.15c1.54 2.31 2.36 5 2.36 7.78"/></svg>

كيفية استخدام أيقونة Content Navigator Sync Loading

React

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

<Icon icon="carbon:content-navigator-sync-loading" width="24" />

Vue

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

<template>
  <Icon icon="carbon:content-navigator-sync-loading" width="24" />
</template>

Svelte

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

<Icon icon="carbon:content-navigator-sync-loading" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--content-navigator-sync-loading]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:content-navigator-sync-loading"></div>

مكوّن ويب

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

<iconify-icon icon="carbon:content-navigator-sync-loading"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/carbon/content-navigator-sync-loading.svg" alt="أيقونة Content Navigator Sync Loading" width="24" height="24">

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

أيقونة content-delivery-network
content-delivery-network
 أيقونة content-navigator-edit-service-download
content-navigator-edit-service-download
 أيقونة content-navigator-edit-service-upload
content-navigator-edit-service-upload
 أيقونة content-navigator-sync-error
content-navigator-sync-error
 أيقونة content-navigator-sync-paused
content-navigator-sync-paused
 أيقونة content-navigator-sync-warning
content-navigator-sync-warning
 أيقونة content-view
content-view

الأسئلة الشائعة حول أيقونة Content Navigator Sync Loading

هل أيقونة Content Navigator Sync Loading مجانية للاستخدام التجاري؟

نعم. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Content Navigator Sync Loading في React؟

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

كيف أضيف أيقونة Content Navigator Sync Loading إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/carbon/content-navigator-sync-loading.svg" alt="أيقونة Content Navigator Sync Loading">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Carbon →