Icons
Lucide Icons 라이브러리 기반의 일관된 아이콘 시스템을 제공합니다. 사이즈 상세는 Icon Sizes를 참조하세요.
Lucide Icons
24px viewBox
5가지 사이즈 토큰
Icon Library
클릭하여 아이콘 이름 복사
Navigation
Actions
Media
Status
Communication
Users
Files
Development
Objects
AI & ML
Voice & Audio
Call Center
Chat & Messaging
Analytics
Business
Workflow
Dashboard
Others
Size Scale
5단계 시맨틱 아이콘 사이즈 스케일. 자세한 내용은 Icon Sizes 토큰 페이지를 참조하세요
icon-xs14pxicon-sm16pxicon-md20pxicon-lg24pxicon-xl32px| 토큰 | 사이즈 |
|---|---|
icon-xs | 14px |
icon-sm | 16px |
icon-md | 20px |
icon-lg | 24px |
icon-xl | 32px |
Auto Sizing
UI 컴포넌트 내 아이콘은 자동으로 크기가 조정됩니다. className 지정이 불필요합니다.
Button lg
텍스트 포함
icon-sm
IconButton lg
아이콘만
icon-lg
텍스트 포함
leftIcon / rightIconicon-xs14pxicon-xs14pxicon-sm16pxicon-sm16pxicon-sm16px아이콘만
IconButtonicon-xs14pxicon-sm16pxicon-sm16pxicon-md20pxicon-lg24px자동 크기 조정은 SVG를 직접 렌더링하는 컴포넌트에서 작동합니다. <span><svg>…</svg></span>처럼 래퍼 요소가 있으면 동작하지 않습니다.