# Illustrations

Every illustration available in code.

Tabs: [Overview](/graphic-elements/illustrations/illustrations.overview.md) · [Guidelines](/graphic-elements/illustrations/illustrations.guidelines.md) · [Code](/graphic-elements/illustrations/illustrations.code.md)

Browse our illustrations in pink and grey, with animated variants where available. See the [Guidelines](/graphic-elements/illustrations/illustrations.guidelines) for usage guidance and the [Code](/graphic-elements/illustrations/illustrations.code) tab for implementation details.

Display options

Grey

Static

Preview only — in the product the colour comes from the provider.

## Illustrations

- `<Card />`

  Card

- `<Coin />`

  Coin

- `<Cursor />`

  Cursor

- `<HalfSpheres />`

  HalfSpheres

  Static only

- `<Hourglass />`

  Hourglass

- `<Key />`

  Key

- `<Knot />`

  Knot

- `<Mail />`

  Mail

- `<NutBolt />`

  NutBolt

- `<Padlock />`

  Padlock

- `<PaperClip />`

  PaperClip

- `<SpinningTop />`

  SpinningTop

- `<Stairs />`

  Stairs

- `<Star />`

  Star

- `<Suitcase />`

  Suitcase

- `<Target />`

  Target

## Abstract

- `<Balance />`

  Balance

  Static only

- `<Flexibility />`

  Flexibility

  Static only

- `<Innovation />`

  Innovation

  Static only

- `<Optimization />`

  Optimization

  Static only

- `<Synergy />`

  Synergy

  Static only