The Brand Logo. Please refer to the brand guidelines for appropriate and allowed usage.

### Types

The available types depend on the current theme which provides both paths and names for logos.
Check the different themes to see which types to use with `theme.logoTypes`.

### Example

```jsx live=true
<React.Fragment>
	<Logo type="square" />
	<Logo type="square" height={30} />
	<Logo type="square" height={20} />
	<Logo type="square" height={10} />
</React.Fragment>
```

### Wordmark

```jsx live=true
<Block
    extend={{
        background: "#000",
        padding: "20px",
    }}
>
    <Logo type="wordmark" height={46} />
    <Logo type="wordmark" height={20} />
    <Logo type="wordmark" height={10} />
</Block>
```

### Changelog

- *Added in version 0.0.45*