أيقونة Solar Panel 05

hugeicons:solar-panel-05

أيقونة Solar Panel 05 (hugeicons:solar-panel-05) أيقونة SVG مجانية من مجموعة Huge Icons من تصميم Hugeicons. مرسومة على شبكة 24 × 24. تُنشر Huge Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Huge Icons
المؤلف: Hugeicons
الترخيص: MIT
الحجم: 24 × 24
الوسوم: solarpanel

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M9 8a3 3 0 1 1 6 0"/><path stroke-linejoin="round" d="M15.793 11H8.207c-.973 0-1.46 0-1.833.267c-.372.267-.543.738-.885 1.68l-.725 2c-.668 1.841-1.002 2.762-.57 3.407C4.627 19 5.578 19 7.481 19h9.038c1.903 0 2.854 0 3.287-.646c.432-.645.098-1.566-.57-3.407l-.725-2c-.342-.942-.513-1.413-.886-1.68C17.254 11 16.767 11 15.793 11M12 11v8m7-4H5m7 4v3m0 0h2m-2 0h-2m2-19.5V2m5.5 6h.5M6 8h.5m9.389-3.89l.353-.353m-8.484.001l.353.353"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="hugeicons:solar-panel-05"></iconify-icon>

صورة HTML

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

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

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

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

نعم. تُنشر Huge Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Huge Icons →