Giriş

Kubai Icons, üzerine gelince hareket eden katmanlı SVG simgelerden oluşan açık kaynaklı bir kitaplıktır. Bu sayfa paketleri listeler ve simgelerin nasıl adlandırıldığını ve sürümlendiğini açıklar.

Her simge tüm tonlarını tek bir vurgu renginden alır. Üzerine gelindiğinde nesnenin yaptığı şeyi canlandırır: klasör açılır, zarfın mührü çözülür. Her simge ayrı bir ES modülüdür; durağan hâli olan SVG işaretlemesini (dinlenme pozu) ve üzerine gelme hareketini içerir.

Paketler

Paket	Kullanım alanı	Belgeler
`kubai-icons-react`	React 18+ ve Next.js, sunucuda oluşturma dahil	React paketi
`kubai-icons-vue`	Vue 3.3+ ve Nuxt	Vue paketi
`kubai-icons`	Düz JavaScript ve `<kubai-icon>` web bileşeni	JavaScript paketi
`kubai-icons-static`	`<img>` etiketleri, tasarım araçları ve JavaScript'siz sayfalar için SVG dosyaları	Statik SVG paketi

Hızlı başlangıç

Bu örnek React kullanır. Diğer ortamlar için yukarıda listelenen paketlere bakın. Paketi kurun:

bash

npm install kubai-icons-react

Ardından ihtiyacınız olan simgeleri içe aktarın:

tsx

import { Folder, MailPlus } from "kubai-icons-react";

export default function App() {
  return (
    <>
      <Folder />                                 {/* 24px, in the text color */}
      <MailPlus size={32} color="#EC4899" />     {/* any CSS color */}
    </>
  );
}

Simge adları

Simge adları İngilizce ve kebab-case biçimindedir: folder, cloud-rain, arrow-up-right. JavaScript, React ve Vue paketleri bunları CloudRain gibi PascalCase olarak dışa aktarır. React ve Vue ayrıca CloudRainIcon da dışa aktarır. Statik dosyalar kebab-case adı korur. Simge tarayıcısı adlarda ve etiketlerde arar.

Birçok temel simge, folder-plus, user-check ve calendar-clock gibi rozetli simgeler olarak da gelir. Kapatılabilen şeylerin simgeleri, bell-off gibi çizgili simgeler olarak da gelir.

Sürümleme

Paketler anlamsal sürümlemeyi (semantic versioning) izler ve birlikte yayımlanır. Bir simgeyi yeniden adlandırmak veya kaldırmak uyumsuz bir değişikliktir; yeniden çizmek değildir. Sürüm notları GitHub'da yayımlanır.