أيقونة Solar Panel

carbon:solar-panel

أيقونة Solar Panel (carbon:solar-panel) أيقونة SVG مجانية من مجموعة Carbon من تصميم IBM. مرسومة على شبكة 32 × 32. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Carbon
المؤلف: IBM
الترخيص: Apache-2.0
الحجم: 32 × 32
الفئة: التخطيط
الوسوم: solarpanel

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M30 26V14H13v12h5v2H2v2h28v-2h-5v-2Zm-5-2v-3h3v3Zm-2-3v3h-3v-3Zm-3-2v-3h3v3Zm8 0h-3v-3h3Zm-10-3v3h-3v-3Zm-3 8v-3h3v3Zm8 4h-3v-2h3ZM9.333 14.981A4 4 0 1 1 16 12h-2a2 2 0 1 0-3.333 1.49ZM11 2h2v4h-2zm-9 9h4v2H2zm2.222-5.364l1.414-1.414L8.464 7.05L7.05 8.464zM16.95 8.464L15.536 7.05l2.828-2.828l1.414 1.414z"/></svg>

كيفية استخدام أيقونة Solar Panel

React

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

<Icon icon="carbon:solar-panel" width="24" />

Vue

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

<template>
  <Icon icon="carbon:solar-panel" width="24" />
</template>

Svelte

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

<Icon icon="carbon:solar-panel" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--solar-panel]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:solar-panel"></div>

مكوّن ويب

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

<iconify-icon icon="carbon:solar-panel"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/carbon/solar-panel.svg" alt="أيقونة Solar Panel" width="24" height="24">

أيقونة Solar Panel في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Solar Panel

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

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

كيف أستخدم أيقونة Solar Panel في React؟

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

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

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

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