SVG statico

kubai-icons-static fornisce ogni icona come file SVG autonomo. I colori sono scritti nel file, quindi non servono script né fogli di stile.

Installazione

bash

npm install kubai-icons-static

File

svg/ contiene ogni icona nel blu predefinito (#5393FF). svg-soft/ contiene ogni icona nella variante soft, in grigio-blu.

Ogni file include un margine extra per l'ombra portata. Per ottenere la stessa dimensione di un'icona animata mostrata a 24px, mostra il file a 28px. Ogni id in un file include il nome dell'icona, quindi in una pagina si possono inserire più icone inline.

CDN

Usa i file direttamente da una CDN:

html

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

Qualsiasi colore

I file qui sopra esistono in due colori. Per un altro colore principale, richiedi l'icona tramite URL. Questo va bene anche per agenti e strumenti che non possono installare pacchetti.

html

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

color: un valore esadecimale di sei cifre, con o senza #. Predefinito: 5393FF.
variant: color oppure soft.
badge: semantic oppure un valore esadecimale, per le icone con badge.
size: larghezza e altezza in pixel, da 16 a 2048. Predefinito: 96.

Su jsDelivr un URL con una versione esatta viene messo in cache a lungo termine. Un URL con una versione principale, come @0, viene aggiornato periodicamente e include le nuove versioni.

Colori personalizzati

Nel catalogo delle icone puoi scaricare un'icona come SVG o PNG nel colore e nella variante che scegli. Questi file usano colori esadecimali semplici, che gli strumenti di design come Figma leggono correttamente.

Metadati

icons.json elenca ogni icona con la sua categoria e i suoi tag e, per le icone con badge, l'icona di base e il badge. categories.json elenca le categorie.