أيقونة Partly Cloudy
carbon:partly-cloudy
أيقونة Partly Cloudy (carbon:partly-cloudy) أيقونة SVG مجانية من مجموعة Carbon من تصميم IBM. مرسومة على شبكة 32 × 32. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27 15h4v2h-4zm-4-7.413l3-3L27.415 6l-3 3zM15 1h2v4h-2zM4.586 26l3-3l1.415 1.415l-3 3zM4.585 6L6 4.587l3 3l-1.414 1.415zM1 15h4v2H1z"/><path fill="currentColor" d="M26.794 20.342a6.96 6.96 0 0 0-1.868-3.267A9 9 0 0 0 25 16a9 9 0 1 0-14.585 7.033A4.977 4.977 0 0 0 15 30h10a4.995 4.995 0 0 0 1.794-9.658M9 16a6.996 6.996 0 0 1 13.985-.297A6.9 6.9 0 0 0 20 15a7.04 7.04 0 0 0-6.794 5.342a5 5 0 0 0-1.644 1.048A6.97 6.97 0 0 1 9 16m16 12H15a2.995 2.995 0 0 1-.696-5.908l.658-.157l.099-.67a4.992 4.992 0 0 1 9.878 0l.099.67l.658.156A2.995 2.995 0 0 1 25 28"/></svg>كيفية استخدام أيقونة Partly Cloudy
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:partly-cloudy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:partly-cloudy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:partly-cloudy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--partly-cloudy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:partly-cloudy"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:partly-cloudy"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/carbon/partly-cloudy.svg" alt="أيقونة Partly Cloudy" width="24" height="24">أيقونات ذات صلة في Carbon
أيقونة Partly Cloudy في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Partly Cloudy
هل أيقونة Partly Cloudy مجانية للاستخدام التجاري؟
نعم. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Partly Cloudy في React؟
ثبّت @iconify/react واعرض <Icon icon="carbon:partly-cloudy" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Partly Cloudy إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/carbon/partly-cloudy.svg" alt="أيقونة Partly Cloudy">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.