SVG ثابت

kubai-icons-static توفر كل أيقونة كملف SVG مستقل. الألوان مكتوبة داخل الملف، فلا حاجة إلى سكربت أو ورقة أنماط.

التثبيت

bash

npm install kubai-icons-static

الملفات

svg/ يحتوي كل أيقونة بالأزرق الافتراضي (#5393FF). svg-soft/ يحتوي كل أيقونة بالنمط الناعم، بلون أزرق رمادي.

يتضمن كل ملف هامشا إضافيا للظل الساقط. لمطابقة أيقونة متحركة معروضة بحجم 24px، اعرض الملف بحجم 28px. يتضمن كل id في الملف اسم الأيقونة، فيمكن تضمين عدة أيقونات في صفحة واحدة.

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: قيمة سداسية عشرية من ستة أرقام، مع # أو بدونها. الافتراضي: 5393FF.
variant: color أو soft.
badge: القيمة semantic أو قيمة سداسية عشرية، للأيقونات ذات الشارة.
size: العرض والارتفاع بالبكسل، من 16 إلى 2048. الافتراضي: 96.

على jsDelivr، تُخزَّن عناوين URL ذات الإصدار المحدد مؤقتا لمدة طويلة. أما عنوان URL الذي يحمل الإصدار الرئيسي فقط، مثل @0، فيُحدَّث دوريا ويلتقط الإصدارات الجديدة.

ألوان مخصصة

في متصفح الأيقونات يمكنك تنزيل أيقونة بصيغة SVG أو PNG بلون ونمط تختارهما. تستخدم هذه الملفات ألوانا سداسية عشرية عادية، تقرأها أدوات التصميم مثل Figma قراءة صحيحة.

البيانات الوصفية

icons.json يسرد كل أيقونة مع فئتها ووسومها، وللأيقونات ذات الشارة الأيقونة الأساسية والشارة. categories.json يسرد الفئات.