Iconify पैक्स अवलोकन

कई Iconify आइकन पैक्स Astro Icon कंपोनेंट्स के साथ npm पैकेज के रूप में उपलब्ध हैं। प्रत्येक पैक का अपना इम्पोर्ट है और वह समान name-आधारित API का उपयोग करता है।

पैक तुलना

पैक	प्रीफिक्स	आइकन	शैली	सबसे उपयुक्त	पृष्ठ
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" />

आइकन currentColor का उपयोग करके इनलाइन SVG के रूप में रेंडर होते हैं — वे स्वचालित रूप से लाइट और डार्क मोड के अनुसार अनुकूलित हो जाते हैं।

पैक चुनना

• सबसे व्यापक कवरेज: Material Design Icons में सबसे अधिक आइकन (7,638) हैं जिनमें लगभग हर उपयोग के लिए फिल्ड और आउटलाइन्ड वेरिएंट उपलब्ध हैं।
• एंटरप्राइज डिज़ाइन: Carbon IBM की डिज़ाइन भाषा का पालन करता है जिसमें व्यावसायिक अनुप्रयोगों के लिए उपयुक्त स्पष्ट, सुसंगत आउटलाइन हैं।
• वज़न में लचीलापन: Phosphor विज़ुअल वज़न को सूक्ष्मता से समायोजित करने के लिए छह वज़न वेरिएंट (thin, light, regular, bold, fill, duotone) प्रदान करता है।
• सुसंगत स्ट्रोक: Tabler एक समान रूप के लिए सभी 6,034 आइकन में एकसमान 2px स्ट्रोक चौड़ाई का उपयोग करता है।

क्यूरेटेड आइकन ग्रिड और ब्राउज़िंग लिंक के लिए प्रत्येक पैक का समर्पित पृष्ठ देखें।