Icons

2 icon sets: 15 Lucide-style (24px) + 13 IBM Carbon-style (16px). All inline SVG via Icon.astro.

IBM Carbon-Style (16px grid)

Technical, precise, engineering-focused. 16px viewBox, stroke-width 1.5, square corners.

Cube3D
Printer
Blueprint
Chip
Gears
Ruler
Temperature
Chemistry
Timer
Settings
Scale
Grid
Layers3D
import Icon from '../components/Icon.astro';
<Icon name="Cube3D" size=16 />
<Icon name="Printer" size=20 />
<Icon name="Settings" size=24 />

Lucide-Style (24px grid)

General purpose UI icons. 24px viewBox, stroke-width 2, rounded caps.

Package
FlaskConical
Cog
Upload
ArrowRight
ExternalLink
Menu
X
Cpu
Layers
FileText
Wrench
Sparkles
Microscope
Send
<Icon name="Package" size={28} />
<Icon name="FlaskConical" size=20 />
<Icon name="ArrowRight" size=14 />

Usage

  • Props: name (required), size (default 20), class (optional)
  • Color inherited via currentColor
  • Always wrapped in inline-flex span with flex-shrink:0
  • Sizes: 12, 14, 16, 20, 24, 28, 32