Components/Icon

Search documentation

Jump to any guide or component.

↑↓ move · Enter open · Esc close

Foundations · Icon

SSR NativeAccessible

Icon

Renders the bundled Phosphor icon geometry without a client runtime.

Live previewv0.1.4
alertarrowRightcheckcopyinfosearchsettingssuccesswarning
Astro
---
import { Icon } from '@charvesta/cetha';
---

<Icon name="settings" label="Settings" size={20} />

API reference

PropTypeDefaultDescription
name*PhosphorIconNameName from the bundled icon set.
labelstringAccessible name when the icon carries meaning.
sizenumber20Rendered width and height.
classstringAdditional classes forwarded to the rendered element.

Accessibility

Unlabelled icons are hidden from assistive technology; label standalone meaningful icons.