SVG estático

kubai-icons-static ofrece cada icono como un archivo SVG autónomo. Los colores están escritos en el archivo, por lo que no hace falta ningún script ni hoja de estilos.

Instalación

bash

npm install kubai-icons-static

Archivos

svg/ contiene todos los iconos en el azul predeterminado (#5393FF). svg-soft/ contiene todos los iconos en la variante suave, en gris azulado.

Cada archivo incluye un margen adicional para la sombra proyectada. Para igualar un icono animado mostrado a 24 px, muestra el archivo a 28 px. Cada id de un archivo incluye el nombre del icono, de modo que se pueden insertar varios iconos en una misma página.

CDN

Usa los archivos directamente desde una CDN:

html

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

Cualquier color

Los archivos anteriores existen en dos colores. Para otro color de acento, solicita el icono por URL. Esto también sirve para Agents y herramientas que no pueden instalar paquetes.

html

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

color: un valor hexadecimal de seis dígitos, con o sin #. Valor predeterminado: 5393FF.
variant: color o soft.
badge: semantic o un valor hexadecimal, para iconos con insignia.
size: ancho y alto en píxeles, de 16 a 2048. Valor predeterminado: 96.

En jsDelivr, una URL con una versión exacta se guarda en caché a largo plazo. Una URL con una versión mayor, como @0, se actualiza periódicamente e incorpora las nuevas versiones.

Colores personalizados

En el explorador de iconos puedes descargar un icono como SVG o PNG con el color y la variante que elijas. Estos archivos usan colores hexadecimales simples, que las herramientas de diseño como Figma interpretan correctamente.

Metadatos

icons.json enumera todos los iconos con su categoría y etiquetas y, en los iconos con insignia, el icono base y la insignia. categories.json enumera las categorías.