Skip to main content

Iconography

The project uses Lucide as its icon system. Lucide is an open source icon library with over 1700 icons, covering a wide range of use cases from UI actions to domain-specific concepts.

  • License: MIT (ISC for the original Feather Icons base)
  • Style: Stroke-based, 24x24 grid, 2px default stroke, round caps and joins

Why Lucide​

  • Comprehensive — 1700+ icons cover virtually any need, from the documentation portal to desktop components.
  • Consistent — Every icon follows the same grid, stroke width, and design rules.
  • Active — Regularly updated with new icons and improvements.

Usage guidelines​

  • Always use Lucide icons for UI elements. Do not mix with other icon libraries or custom icons.
  • Use a consistent size within the same context — 24px for inline, 32px or 40px for feature cards.
  • Icons inherit currentColor by default. Use CSS to control their color rather than hardcoding values.
  • Use strokeWidth={1.5} for a lighter feel in large sizes, and the default 2 for standard UI sizes.
  • When an icon does not exist in Lucide for a specific concept, check the full catalog before creating a custom one.