HitIcon

HitIcon provides the Penpot hit-32 geometry: a fixed 32-by-32 interaction field with a centered 24-pixel icon. It uses the primary icon color token.

Open live example

HitIcon(
  icon: const TsaiIcon(LucideIcons.search),
  iconSize: 20,
  semanticLabel: 'Search',
  onPressed: openSearch,
)

When onPressed is null, the geometry and icon remain visible without button semantics. Interactive targets intentionally have no hover, highlight, or ripple effect.

The target always remains 32 by 32 pixels. iconSize defaults to 24 and accepts values greater than zero through 32 pixels. HitIcon inherits color without overriding or tinting the supplied icon.