# Icon morph

Icons that morph between states: menu to close, play to pause, copy to check, and more.

- ID: `icon-morph`
- Import: `animui/icon-morph`
- Category: Actions
- Runtime exports: `BellIcon`, `ChevronIcon`, `CopyCheckIcon`, `HeartIcon`, `IconMorph`, `MenuIcon`, `PlayPauseIcon`, `PlusCheckIcon`, `SunMoonIcon`, `default`
- Declaration: `types/free/components/icon-morph.d.ts`
- Type provenance: emitted-original-typescript
- Related: copy-button, theme-switch, button

```tsx
import { BellIcon } from 'animui/icon-morph';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info icon-morph` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { BellIcon, ChevronIcon, CopyCheckIcon, HeartIcon, IconMorph, MenuIcon, PlayPauseIcon, PlusCheckIcon, SunMoonIcon, default } from '../registry/components/icon-morph/icon-morph.js';
export type { ChevronIconProps, IconMorphIconProps, IconMorphName, IconMorphProps } from '../registry/components/icon-morph/icon-morph.js';
```