§ 9 · Iconography
Iconography — Lucide
Bộ icon mặc định: Lucide. Outline default, filled cho active. Default color: --brand-accent (#FF766A).
Sizes & stroke
Standard icon set — Thích Cay
Góp ý
MessageCircleWarning
Container variants (icon trong khung)
Container: square · radius-md · padding 25% size
Rules
✓Icon trong button cùng màu với text label
✓Icon đứng độc lập (no label) phải có aria-label
✓Hover/active → đổi sang fill (nếu có) hoặc đậm hơn 1 step trong primary scale
✕Cấm dùng emoji thay icon trong production UI (emoji chỉ dùng cho social caption)
✕Cấm trộn 2 stroke-width khác nhau trong cùng một row icon