Energy Icons
energy-icons · 8,000 أيقونة · من تصميم Sam Passmore · MIT · أحادية اللون · آخر تحديث
Energy Icons مجموعة أيقونات مجانية ومفتوحة المصدر تضم 8,000 أيقونة SVG من تصميم Sam Passmore، ومنشورة بموجب ترخيص MIT. الأيقونات أحادية اللون: تتبع لون النص (currentColor) ويمكن تغيير لونها باستخدام CSS.
نبذة عن Energy Icons
من أشهر Energy Icons: hex key 48، bookmark 48، brackets 48، check 48، parallelogram 48 وloader 2 48.
افتح أي أيقونة لنسخها بصيغة SVG أو JSX أو Vue أو Svelte أو Solid أو Astro أو CSS، أو نزّلها بصيغة SVG أو PNG. تُنشر Energy Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
طريقة استخدام Energy Icons
تعمل كل أيقونة في هذه الصفحة مع أي إطار عمل. تستخدم الأمثلة energy-icons:hex-key-48، ويمكنك فتح أي أيقونة لنسخ شيفرتها الدقيقة بصيغة SVG أو JSX أو Vue أو Svelte أو Solid أو Astro أو CSS. للاطلاع على نصائح الحجم واللون وسهولة الوصول، اقرأ دليل استخدام أيقونات SVG.
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:hex-key-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:hex-key-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:hex-key-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--hex-key-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:hex-key-48"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:hex-key-48"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/hex-key-48.svg" alt="أيقونة Hex Key 48" width="24" height="24">الأسئلة الشائعة حول Energy Icons
هل Energy Icons مجانية للاستخدام التجاري؟
نعم. تُنشر Energy Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كم عدد الأيقونات في Energy Icons؟
تضم Energy Icons 8,000 أيقونة.
ما ترخيص Energy Icons؟
تُوزَّع Energy Icons بموجب MIT. النص الكامل للترخيص متاح على https://github.com/Sam-r-passmore/energy-icons/blob/main/LICENSE.
من صمّم Energy Icons؟
Energy Icons من تصميم Sam Passmore.
كيف أستخدم Energy Icons في React؟
ثبّت الحزمة @iconify/react واستخدم <Icon icon="energy-icons:hex-key-48" />، أو افتح أي أيقونة في هذه الصفحة وانسخها كمكوّن React مستقل.