Iconography

Precision icons that serve as clear, non-ambiguous visual anchors for the GateFlow interface.

1. Principle

1.5px Stroke Weight

We never use thick strokes. A constant 1.5px weight ensures icons feels precise and serious in a high-density environment.

2. Principle

Sentinel Glow Lab

Icons use Brand Glow tints instead of just solid colors to draw professional attention without overwhelming the user.

3. Principle

Optical Alignment

Every icon is centered within a 24px grid to maintain visual rhythm during layout shifts.

Sentinel Glow Lab

Interactive lab for testing icon radiance. Notice how the glow tint scales with the --ds-primary-accent.

Active Glow
Active Glow
Active Glow
Active Glow
Active Glow
Active Glow

Standardized Library

A curated selection of 70 Lucide icons optimized for the GateFlow monorepo.

Security & Access

8 ICONS

Actions & Operations

12 ICONS

Status & Feedback

8 ICONS

Navigation & Layout

12 ICONS

Files & Content

8 ICONS

Users & Communication

9 ICONS

Business & Commerce

6 ICONS

Hardware & Tech

7 ICONS

Dynamic Stroke Scaling

Our icons are responsive. For smaller touch targets (Scanner-App), the stroke-weight automatically expands to 2px using CSS variables, ensuring high tactile visibility regardless of screen density.