---
name: Logo
menu: Components
route: /components/logo
---

import { Logo } from './';
import { Playground } from 'docz';

# Logo

Magic! The `<Logo/>` component does pretty much what it says. It displays the Firstclaspostcodes logo in all it's glory 🎉.

## Import

```js
import { Logo } from '@firstclasspostcodes/sw13';
// or
import { Logo } from '@firstclasspostcodes/sw13/lib/components/Logo';
```

## Props

| Prop | Type | Description |
|:----:|:-----|:------------|
| `width` | `int` | The width of the logo, defaults to `45` |
| `height` | `int` | The height of the logo, defaults to `45` |

## Example

<Playground>
  <Logo/>
</Playground>