Klarhimmel UI

Iconography

Icons are Lucide, chosen by name from a fixed set of 24, so props stay data and every block draws them the same way.

The 24 icons, by name

Lucide, chosen by name from this fixed set, so props stay data. Drawn here with the same component the blocks use.

  • zap
  • shield
  • layers
  • globe
  • sparkles
  • clock
  • code
  • palette
  • lock
  • chart
  • users
  • mail
  • heart
  • rocket
  • search
  • settings
  • check
  • star
  • book
  • box
  • cloud
  • compass
  • leaf
  • gauge

Icon names

The values the icon field accepts.

NameNameNameName
zapshieldlayersglobe
sparklesclockcodepalette
lockchartusersmail
heartrocketsearchsettings
checkstarbookbox
cloudcompassleafgauge

Rules

Icons are decoration

Every icon sits next to words. An icon-only button carries an aria-label.