# IconButton

<figure><img src="https://3212561211-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FojaIWzOttDuV549cYsPQ%2Fuploads%2FLvaizyYhxA58K5JhK8zk%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202025-04-02%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%202.07.48.png?alt=media&#x26;token=a631a17a-7320-477b-a403-a49f4ab02c9f" alt=""><figcaption></figcaption></figure>

### Props

<table><thead><tr><th width="210">Prop</th><th width="164">Type</th><th width="108">Default</th><th>Description</th></tr></thead><tbody><tr><td>size</td><td>'medium' | 'small' | 'large' | 'xsmall'</td><td>-</td><td>버튼 사이즈</td></tr><tr><td>variant</td><td>'outline' | 'brand' | 'ghost' | 'newtralLow'</td><td>-</td><td>버튼 타입</td></tr><tr><td>icon</td><td>React.ReactNode</td><td>-</td><td>아이콘 컴포넌트</td></tr><tr><td>onClick</td><td>function</td><td>-</td><td>버튼 클릭 이벤트 핸들러</td></tr></tbody></table>

### Usage

```typescript
<IconButton
  size={'medium'}
  variant={'outline'}
  icon={<QuestionCircle16Filled />}
  onClick={() => {}}
/>
```
