Icon

Import

import {Icon} from '@astryxdesign/core/Icon';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

Icons are small visual symbols that represent actions, objects, or concepts. They improve scannability and reinforce meaning alongside text. Supports both direct SVG components ...

Important props

Theming targets

Best practices

• DoUse semantic icon names when available; they adapt to theme changes automatically.
• DoPair icons with text labels for accessibility; icon-only elements need an accessible label.
• DoUse color tokens for icon colors, not hardcoded hex values.
• DoBe mindful of context; decorative icons in compact components can distract rather than help.