स्टैटिक SVG

kubai-icons-static हर आइकन को एक स्वतंत्र SVG फ़ाइल के रूप में देता है। रंग फ़ाइल में ही लिखे होते हैं, इसलिए किसी script या stylesheet की ज़रूरत नहीं।

इंस्टॉल करें

bash

npm install kubai-icons-static

फ़ाइलें

svg/ में हर आइकन डिफ़ॉल्ट नीले रंग (#5393FF) में है। svg-soft/ में हर आइकन सॉफ़्ट वेरिएंट में, नीले-स्लेटी रंग में है।

हर फ़ाइल में ड्रॉप शैडो के लिए अतिरिक्त मार्जिन होता है। 24px पर दिखाए गए एनिमेटेड आइकन से मेल बिठाने के लिए फ़ाइल को 28px पर दिखाएँ। फ़ाइल में हर id में आइकन का नाम शामिल होता है, इसलिए एक पेज पर कई आइकन inline रखे जा सकते हैं।

CDN

फ़ाइलें सीधे CDN से उपयोग करें:

html

<img src="https://cdn.jsdelivr.net/npm/kubai-icons-static@0/svg/folder.svg" width="28" height="28" alt="" />

कोई भी रंग

ऊपर की फ़ाइलें दो रंगों में आती हैं। किसी दूसरे एक्सेंट रंग के लिए आइकन को URL से माँगें। यह उन Agent और टूल के लिए भी ठीक है जो पैकेज इंस्टॉल नहीं कर सकते।

html

<img src="https://icons.kubai.design/api/icon/folder.svg?color=EC4899" width="28" height="28" alt="" />

color: छह अंकों का hex मान, # के साथ या उसके बिना। डिफ़ॉल्ट: 5393FF।
variant: color या soft।
badge: बैज वाले आइकन के लिए semantic या कोई hex मान।
size: चौड़ाई और ऊँचाई पिक्सल में, 16 से 2048 तक। डिफ़ॉल्ट: 96।

jsDelivr पर सटीक संस्करण वाला URL लंबे समय के लिए कैश होता है। मेजर संस्करण वाला URL, जैसे @0, समय-समय पर रीफ़्रेश होता है और नई रिलीज़ उठा लेता है।

कस्टम रंग

आइकन ब्राउज़र में आप किसी आइकन को चुने हुए रंग और वेरिएंट में SVG या PNG के रूप में डाउनलोड कर सकते हैं। इन फ़ाइलों में सादे hex रंग होते हैं, जिन्हें Figma जैसे डिज़ाइन टूल सही तरह पढ़ते हैं।

मेटाडेटा

icons.json हर आइकन को उसकी श्रेणी और टैग के साथ सूचीबद्ध करता है, और बैज वाले आइकन के लिए बेस आइकन और बैज भी बताता है। categories.json में श्रेणियों की सूची है।