Icon

Universal Icon component that handles FontAwesome, Phosphor, URLs, and text/emoji icons Supports size and animations for all icon types

Installation

import { Icon } from 'uxp/components';

Signature

const Icon: React.FunctionComponent<IconProps>

Examples

FontAwesome with IconProp

<Icon icon={['fas', 'save']} size="2x" spin />

```tsx
FontAwesome with string

```

Phosphor with PHIconProp

<Icon icon={['phb', 'house']} size="lg" />

```tsx
Phosphor with string

```

Images with size and animations

```

Text and emoji with size and animations

```

Related Types

• IconProps

• FontAwesomeIconProps

• BaseIconProps

• AnimationProps

• SkeletonLoaderProps

• PhosphorIconProps

• PHIconProp

• PHIconPrefix

• ImageIconProps

• TextIconProps