@gib-ui/icons

Gelir İdaresi Başkanlığı React projeleri için özel olarak geliştirilmiş icon kütüphanesi. Bu paket, özelleştirilmiş ikonlar ve Material Design ikonlarını içermektedir.

Özellikler

• 🎨 Özel tasarlanmış GİB ikonları
• 📦 Material Design ikonları desteği
• 💪 TypeScript ile tam tip desteği
• 🚀 Tree-shaking desteği ile optimize edilmiş bundle boyutu
• ⚡️ Modern build araçları (Rollup) ile paketlenmiş

Kurulum

# pnpm kullanarak
pnpm add @gib-ui/icons

# npm kullanarak
npm install @gib-ui/icons

# yarn kullanarak
yarn add @gib-ui/icons

Kullanım

Özel İkonlar

import { Checkbox, Home } from "@gib-ui/icons";

function App() {
  return (
    <div>
      <Checkbox />
      <Home />
    </div>
  );
}

Material Design İkonları

import { AccessibilityNewOutlinedIcon, AccountCircleIcon } from "@gib-ui/icons";

function App() {
  return (
    <div>
      <AccessibilityNewOutlinedIcon />
      <AccountCircleIcon />
    </div>
  );
}

Individual İmports (Önerilen)

Bundle boyutunu optimize etmek için individual import kullanabilirsiniz:

// Özel ikonlar
import Checkbox from "@gib-ui/icons/CheckboxIcon";
import Home from "@gib-ui/icons/HomeIcon";

// Material Design ikonları
import AccessibilityNewOutlinedIcon from "@gib-ui/icons/AccessibilityNewOutlined";
import AccountCircleIcon from "@gib-ui/icons/AccountCircle";

function App() {
  return (
    <div>
      <Checkbox />
      <Home />
      <AccessibilityNewOutlinedIcon />
      <AccountCircleIcon />
    </div>
  );
}

Bu yöntem, uygulamanızın sadece kullandığınız ikonları içermesini sağlar ve bundle boyutunu küçültür.

Geliştirme

Proje Yapısı

• custom-icons/ - Özel SVG ikonları
• src/ - Kaynak kodları
  • custom-icons/ - Özel ikon bileşenleri
  • material-icons/ - Material Design ikon bileşenleri
• scripts/ - Build ve hazırlık scriptleri

Komutlar

# Bağımlılıkları yükle
pnpm install

# Projeyi derle
pnpm build

# Material ikonları indir
pnpm download

# Dist klasörünü temizle
pnpm clean

Lisans

ISC © Gib Teknoloji