---
description: Icon system — library, stroke, sizing, and color rules
variables:
  - key: icon.library
    type: select
    label: Library
    value: lucide
    options: [lucide, phosphor, tabler, heroicons, remixicon]
    section: visual
  - key: icon.style
    type: select
    label: Style
    value: outline
    options: [outline, filled]
    section: visual
  - key: icon.stroke
    type: number
    label: Stroke Weight
    value: "2"
    section: visual
  - key: icon.size.sm
    type: number
    label: Size Small (px)
    value: "16"
    section: visual
  - key: icon.size.md
    type: number
    label: Size Medium (px)
    value: "20"
    section: visual
  - key: icon.size.lg
    type: number
    label: Size Large (px)
    value: "24"
    section: visual
  - key: icon.color
    type: color
    label: Icon Color
    value: ""
    section: visual
---

# Icons

Icon library and rendering rules. Empty color inherits the surrounding text color.
