نظرة عامة على حزم Iconify

تتوفر عدة حزم أيقونات Iconify كحزم npm مع مكونات Icon في Astro. لكل حزمة استيراد خاص بها وتستخدم نفس واجهة برمجة التطبيقات المعتمدة على name.

مقارنة الحزم

الحزمة	البادئة	الأيقونات	النمط	الأفضل لـ	الصفحة
Material Design	mdi	7,638	معبأة + مخططة	أغراض عامة، أوسع تغطية	Material Design
Carbon	carbon	2,582	مخططة	تصميم المؤسسات/IBM، خطوط نظيفة	Carbon
Phosphor	ph	9,161	أوزان متعددة	خيارات أوزان مرنة (من الرفيع إلى المعبأ)	Phosphor
Tabler	tabler	6,034	قائمة على الحدود	أيقونات خطية واضحة، حدود متسقة	Tabler

الاستخدام

لكل حزمة مكون Icon.astro خاص بها:

---
import MdiIcon from '@f5-sales-demo/icons-mdi/Icon.astro';
import CarbonIcon from '@f5-sales-demo/icons-carbon/Icon.astro';
import PhIcon from '@f5-sales-demo/icons-phosphor/Icon.astro';
import TablerIcon from '@f5-sales-demo/icons-tabler/Icon.astro';
---

<MdiIcon name="database" />
<CarbonIcon name="cloud" />
<PhIcon name="globe" />
<TablerIcon name="shield" />

تُعرض الأيقونات كملفات SVG مضمنة باستخدام currentColor — فتتكيف تلقائيًا مع الوضع الفاتح والداكن.

اختيار الحزمة المناسبة

• أوسع تغطية: تمتلك Material Design Icons أكبر عدد من الأيقونات (7,638) مع متغيرات معبأة ومخططة لتغطية كل حالة استخدام تقريبًا.
• تصميم المؤسسات: تتبع Carbon لغة تصميم IBM مع مخططات نظيفة ومتسقة مناسبة لتطبيقات الأعمال.
• مرونة الأوزان: توفر Phosphor ستة متغيرات للأوزان (رفيع، خفيف، عادي، عريض، معبأ، ثنائي اللون) للتحكم الدقيق في الوزن البصري.
• حدود متسقة: تستخدم Tabler عرض حدود موحد بمقدار 2 بكسل عبر جميع الأيقونات البالغ عددها 6,034 للحصول على مظهر متماسك.

راجع الصفحة المخصصة لكل حزمة لعرض شبكات الأيقونات المنتقاة وروابط التصفح.