Iconography
Line icons from Lucide. 24 px default, 1.5 px stroke, rounded caps. Icons clarify — they never decorate.
The set#
Search
UserCheck · T1
Users · T2
ShieldCheck · T3
MapPin · HQ
Leaf · Material
Scissors · Maker
Hammer · Craft
Package · Product
CheckCircle · Ok
AlertTriangle
ArrowUpRight · Out
Rules#
- Use Lucide. Do not mix icon sets. If Lucide doesn't have what you need, ask in content before drawing a custom one.
- Default size 24 px at 1.5 px stroke. Smaller UIs scale down to 16 px but keep the stroke.
- Currents, not colors. Icons inherit
currentColor. Apply color on the wrapping element, not on the icon directly, so they track theme. - Icon alone is not an action. Every interactive icon gets an accessible label (
aria-labelor an adjacent text label). - Trust tier icons are fixed. T1 = UserCheck, T2 = Users, T3 = ShieldCheck. Do not swap.