SVG statis

kubai-icons-static menyediakan setiap ikon sebagai file SVG mandiri. Warna sudah tertulis di dalam file, sehingga tidak perlu skrip atau stylesheet.

Pasang

bash

npm install kubai-icons-static

File

svg/ berisi setiap ikon dalam warna biru default (#5393FF). svg-soft/ berisi setiap ikon dalam varian soft, berwarna abu-abu kebiruan.

Setiap file menyertakan margin tambahan untuk bayangan. Agar sama dengan ikon animasi yang ditampilkan pada 24px, tampilkan file pada 28px. Setiap id dalam file memuat nama ikon, sehingga beberapa ikon dapat disisipkan inline dalam satu halaman.

CDN

Gunakan file langsung dari CDN:

html

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

Warna apa pun

File di atas tersedia dalam dua warna. Untuk warna aksen lain, minta ikon lewat URL. Cara ini juga cocok untuk agent dan alat yang tidak dapat memasang paket.

html

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

color: nilai hex enam digit, dengan atau tanpa #. Default: 5393FF.
variant: color atau soft.
badge: semantic atau nilai hex, untuk ikon berlencana.
size: lebar dan tinggi dalam piksel, dari 16 hingga 2048. Default: 96.

Di jsDelivr, URL dengan versi persis di-cache jangka panjang. URL dengan versi mayor, seperti @0, diperbarui secara berkala dan mengambil rilis baru.

Warna kustom

Di penjelajah ikon, Anda dapat mengunduh ikon sebagai SVG atau PNG dalam warna dan varian pilihan. File ini memakai warna hex biasa, yang dibaca dengan benar oleh alat desain seperti Figma.

Metadata

icons.json mencantumkan setiap ikon beserta kategori dan tag-nya, dan untuk ikon berlencana, ikon dasar dan lencananya. categories.json mencantumkan kategori.