SVG statique

kubai-icons-static fournit chaque icône sous forme de fichier SVG autonome. Les couleurs sont écrites dans le fichier : aucun script ni feuille de style n’est nécessaire.

Installation

bash

npm install kubai-icons-static

Fichiers

svg/ contient toutes les icônes dans le bleu par défaut (#5393FF). svg-soft/ contient toutes les icônes dans la variante douce, en gris-bleu.

Chaque fichier inclut une marge supplémentaire pour l’ombre portée. Pour qu’il corresponde à une icône animée affichée à 24 px, affichez le fichier à 28 px. Chaque id d’un fichier contient le nom de l’icône : plusieurs icônes peuvent donc être intégrées dans une même page.

CDN

Utilisez les fichiers directement depuis un CDN :

html

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

Toutes les couleurs

Les fichiers ci-dessus existent en deux couleurs. Pour une autre couleur d’accent, demandez l’icône par URL. Cela convient aussi aux agents et aux outils qui ne peuvent pas installer de paquets.

html

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

color : une valeur hexadécimale à six chiffres, avec ou sans #. Par défaut : 5393FF.
variant : color ou soft.
badge : semantic ou une valeur hexadécimale, pour les icônes à badge.
size : largeur et hauteur en pixels, de 16 à 2048. Par défaut : 96.

Sur jsDelivr, une URL avec une version exacte est mise en cache durablement. Une URL avec une version majeure, comme @0, est actualisée régulièrement et récupère les nouvelles versions.

Couleurs personnalisées

Dans le navigateur d’icônes, vous pouvez télécharger une icône en SVG ou en PNG, dans la couleur et la variante de votre choix. Ces fichiers utilisent des couleurs hexadécimales simples, que les outils de design comme Figma lisent correctement.

Métadonnées

icons.json liste chaque icône avec sa catégorie et ses étiquettes, et, pour les icônes à badge, l’icône de base et le badge. categories.json liste les catégories.