아이콘
lucide 선 아이콘과 우리 아이콘. 화면의 값은 빌드할 때 제품 코드에서 바로 읽었어요.
선 아이콘#
lucide-react를 써요. 굵기는 기본(2), 색은 글자를 따라가요(currentColor).
Search
SlidersHorizontal
MapPin
Building2
TrendingUp
TrendingDown
Bell
Share2
Download
Heart
Star
Settings
Info
Sparkles
ChevronRight
X
색#
글자 옆 아이콘은 그 글자와 같은 색이에요. 알림 · 메모 · 캡션 · 목록 · 글자 있는 버튼 모두 같아요.
- 아이콘에 색 클래스를 따로 주지 않고 currentColor를 따라가요.
- 알림 종류(안내 · 주의)와 이렇게 써요 · 하지 않아요는 아이콘 모양과 제목 낱말로 가려요.
- 상태 점이나 칩처럼 그 자체가 신호인 표시만 색을 가져요.
크기#
size-3.5
배지·작은 버튼
size-4
버튼·목록
size-5
내비·빈 상태
우리 아이콘#
뜻이 정해진 것은 직접 그린 아이콘을 써요.
대장 단지
관심 단지
비교
리블 AI
이모지는 쓰지 않아요. 기기마다 모양이 달라 우리 아이콘과 따로 놀아요.