badrian-icon

badrian-icon adalah kumpulan ikon modern yang dibuat khusus untuk kebutuhan proyek React / Next.js. Library ini ringan, mudah digunakan, dan terinspirasi dari gaya minimalis yang konsisten untuk keperluan aplikasi web.

Instalasi

Gunakan salah satu package manager favorit kamu:

# npm
npm install badrian-icon

# yarn
yarn add badrian-icon

# pnpm
pnpm add badrian-icon

Penggunaan

Import ikon yang kamu butuhkan langsung ke dalam komponen React:

import { Calendar  } from "badrian-icon";

export default function Example() {
  return (
    <button className="flex items-center gap-2">
      <Calendar className="w-8 h-8 " />
      <span>Open Redmine</span>
    </button>
  );
}

Kamu juga bisa menyesuaikan ukuran dan warna:

 <CalendarAddDuotoneLine className="w-8 h-8 text-red-500" />
 <Calendar className="w-8 h-8 text-red-500" />

Ikon yang Tersedia

| Ikon | Komponen React | |------|----------------| | | DateRangeFill | | | DateRange | | | DateRangeLight | | | DateRangeDuotone | | | DateRangeDuotoneLine | | | DateFill | | | DateToday | | | DateTodayDuotone | | | Calendar | | | CalendarFill | | | DateTodayLight | | | DateTodayDuotoneLine | | | CalendarLight | | | CalendarDuotone | | | CalendarAddFill | | | CalendarAddDuotoneLine | | | CalendarAddDuotone | | | CalendarAdd | | | CalendarDuotoneLine | | | CalendarAddLight |

💡 Daftar ikon akan bertambah seiring waktu! Kamu bisa ikut berkontribusi untuk menambah ikon baru.

Props

| Prop | Tipe | Default | Deskripsi | | ----------- | -------- | -------------- | --------------------------------- | | className | string | undefined | Menambahkan class Tailwind/custom |

Kontribusi

1. Fork repository ini

2. Jalankan perintah berikut:

   pnpm install
   pnpm dev

3. Tambahkan ikon baru di folder src/icons

4. Kirim pull request dengan deskripsi ikon kamu

📄 Lisensi

MIT License © 2025 — Badriana

🌐 Tautan

• NPM: https://www.npmjs.com/package/badrian-icon
• GitHub: https://github.com/badriana400952/badrian-icon
• HomePage: https://portfolio-badriana.vercel.app/badrian-icons

badrian-icon