Statik SVG

kubai-icons-static her simgeyi bağımsız bir SVG dosyası olarak sunar. Renkler dosyaya yazılıdır, bu yüzden betik veya stil sayfası gerekmez.

Kurulum

bash

npm install kubai-icons-static

Dosyalar

svg/ her simgeyi varsayılan mavi (#5393FF) renkte içerir. svg-soft/ her simgeyi mavi-gri tonlu yumuşak varyantta içerir.

Her dosya, gölge için ek kenar boşluğu içerir. 24 px gösterilen hareketli bir simgeyle eşleşmesi için dosyayı 28 px olarak gösterin. Bir dosyadaki her id simgenin adını içerir; bu yüzden aynı sayfaya birden çok simge satır içi eklenebilir.

CDN

Dosyaları doğrudan bir CDN'den kullanın:

html

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

Herhangi bir renk

Yukarıdaki dosyalar iki renkte gelir. Başka bir vurgu rengi için simgeyi URL ile isteyin. Bu, paket kuramayan agent'lar ve araçlar için de uygundur.

html

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

color: # ile veya #'siz altı haneli bir hex değeri. Varsayılan: 5393FF.
variant: color veya soft.
badge: rozetli simgeler için semantic veya bir hex değeri.
size: piksel cinsinden genişlik ve yükseklik, 16 ile 2048 arasında. Varsayılan: 96.

jsDelivr'de tam sürüm içeren bir URL uzun süreli önbelleğe alınır. @0 gibi ana sürüm içeren bir URL düzenli aralıklarla yenilenir ve yeni sürümleri alır.

Özel renkler

Simge tarayıcısında bir simgeyi seçtiğiniz renk ve varyantta SVG veya PNG olarak indirebilirsiniz. Bu dosyalar, Figma gibi tasarım araçlarının doğru okuduğu düz hex renkler kullanır.

Meta veriler

icons.json her simgeyi kategorisi ve etiketleriyle listeler; rozetli simgeler için temel simgeyi ve rozeti de gösterir. categories.json kategorileri listeler.