Communication

Icon

An Iconify-powered primitive that resolves Material icons by default and inherits size and color from its context.

Icon at a glance

Icon covers theme-aware Iconify symbols while preserving native platform semantics where they apply.

  • Focused responsibilityThe component owns one clear interaction contract without absorbing application logic.
  • Typed contractProps, slots, and events are documented from the current public API.
  • System statesEnabled, active, focused, and disabled states stay aligned with the theme.

A quick look

A live component shows the default contract before the detailed specification.

01

Start with defaults

Override only the values that communicate a real product requirement.

02

Preserve intent

Visual configuration must not change semantics or expected interaction.