Icon Component Examples

Note: This is a static HTML demo. Icons are shown using inline SVG. For React/Web Components, icons are imported individually for tree-shaking.

Size Variants

All sizes use design tokens (coupled to typography)

sm icon--sm (21px)
md icon--md (24px - default)
lg icon--lg (25px)
xl icon--xl (30px)
2xl icon--2xl (40px)
3xl icon--3xl (50px)
4xl icon--4xl (52.8px)

Available Icons (20 icons)

Each icon is a separate SVG file for tree-shaking

check
x
chevron-down
plus
search
menu
home
user
heart
settings