أيقونة Greenlightbulb
whh:greenlightbulb
أيقونة Greenlightbulb (whh:greenlightbulb) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 769 × 1025. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 769 × 1025
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="769" height="1025" viewBox="0 0 769 1025"><path fill="currentColor" d="M719 391L147 639q-26 8-49.5-6.5T67 591t6.5-51.5T113 507l572-248q27-7 50 7t30.5 41.5t-6.5 52t-40 31.5m-64-192L83 447q-26 8-49.5-6.5T3 399t6.5-51.5T49 316L621 67q27-7 50 7t30.5 41.5t-6.5 52t-40 31.5m-352-64l-156 56q-26 8-49.5-6T67 143.5t6.5-52T113 60L270 3q26-7 49.5 7T350 51.5t-6.5 52T303 135m-21 513q10-9 23-13l316-120q27-7 50 7t30.5 41.5t-6.5 52t-40 31.5L385 750q-1 13-1 19h64q27 0 45.5 19t18.5 45.5t-18.5 45T448 897H320q-6 0-12-1q-49-5-82.5-41.5T192 769q0-42 25-75.5t65-45.5m102 377q-53 0-90.5-18.5T256 961h256q0 27-37.5 45.5T384 1025"/></svg>كيفية استخدام أيقونة Greenlightbulb
React
import { Icon } from "@iconify/react";
<Icon icon="whh:greenlightbulb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:greenlightbulb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:greenlightbulb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--greenlightbulb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:greenlightbulb"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:greenlightbulb"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/greenlightbulb.svg" alt="أيقونة Greenlightbulb" width="24" height="24">الأسئلة الشائعة حول أيقونة Greenlightbulb
هل أيقونة Greenlightbulb مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Greenlightbulb في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:greenlightbulb" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Greenlightbulb إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/greenlightbulb.svg" alt="أيقونة Greenlightbulb">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.