@tatil/icons

Tatilsepeti Icon Components for Next.js

Kurulum

yarn add @tatil/icons

Kullanım

import Icon from '@tatil/icons';

// Temel kullanım
<Icon icon="home" />

// Renk ve boyut ile
<Icon icon="user" size={24} color="#333" />

// ClassName ile stil
<Icon icon="search" className="my-icon" />

// Tüm iconlar selection.json dosyasında mevcuttur

Props

Tüm react-icomoon props'ları destekler:

• icon - Icon ismi (selection.json'dan)
• size - Icon boyutu (number)
• color - Icon rengi (string)
• className - Ekstra CSS class'ları
• style - Inline style objesi

Örnek

import Icon from '@tatil/icons';

function Header() {
  return (
    <nav>
      <Icon icon="logo" size={32} />
      <Icon icon="search" color="white" />
      <Icon icon="menu" className="menu-icon" />
    </nav>
  );
}