npm package: @leafygreen-ui/logo
Description: LeafyGreen UI Kit Logos
Latest version: 11.1.0

# Logo

![npm (scoped)](https://img.shields.io/npm/v/@leafygreen-ui/logo.svg)

#### [View on MongoDB.design](https://www.mongodb.design/component/logo/live-example/)

## Installation

### PNPM

```shell
pnpm add @leafygreen-ui/logo
```

### Yarn

```shell
yarn add @leafygreen-ui/logo
```

### NPM

```shell
npm install @leafygreen-ui/logo
```

## Example

```js
import {
  MongoDBLogo,
  MongoDBLogoMark,
  AtlasLogoLockup,
  CommunityEditionLogoLockup,
  EnterpriseAdvancedLogoLockup,
} from '@leafygreen-ui/logo';

return <MongoDBLogo />;
```

# MongoDBLogo

## Properties

| Prop        | Type                                                   | Description                                   | Default          |
| ----------- | ------------------------------------------------------ | --------------------------------------------- | ---------------- |
| `height`    | `number`                                               | Sets the height of the component.             | `40`             |
| `color`     | `'white'`, `'black'`, `'green-dark-2'`, `'green-base'` | Sets the color of the component.              | `'green-dark-2'` |
| `className` | `string`                                               | Adds a className to the root `<svg>` element. |                  |

# MongoDBLogoMark

## Properties

| Prop        | Type                                                   | Description                                   | Default          |
| ----------- | ------------------------------------------------------ | --------------------------------------------- | ---------------- |
| `height`    | `number`                                               | Sets the height of the component.             | `40`             |
| `color`     | `'white'`, `'black'`, `'green-dark-2'`, `'green-base'` | Sets the color of the component.              | `'green-dark-2'` |
| `className` | `string`                                               | Adds a className to the root `<svg>` element. |                  |

# AtlasLogoLockup

## Properties

| Prop        | Type                                                   | Description                                   | Default          |
| ----------- | ------------------------------------------------------ | --------------------------------------------- | ---------------- |
| `height`    | `number`                                               | Sets the height of the component.             | `40`             |
| `color`     | `'white'`, `'black'`, `'green-dark-2'`, `'green-base'` | Sets the color of the component.              | `'green-dark-2'` |
| `className` | `string`                                               | Adds a className to the root `<svg>` element. |                  |

# AtlasForGovernmentLogoLockup

## Properties

| Prop        | Type                                                   | Description                                   | Default          |
| ----------- | ------------------------------------------------------ | --------------------------------------------- | ---------------- |
| `height`    | `number`                                               | Sets the height of the component.             | `40`             |
| `color`     | `'white'`, `'black'`, `'green-dark-2'`, `'green-base'` | Sets the color of the component.              | `'green-dark-2'` |
| `className` | `string`                                               | Adds a className to the root `<svg>` element. |                  |

# CommunityEditionLogoLockup

## Properties

| Prop        | Type                                                   | Description                                   | Default          |
| ----------- | ------------------------------------------------------ | --------------------------------------------- | ---------------- |
| `height`    | `number`                                               | Sets the height of the component.             | `40`             |
| `color`     | `'white'`, `'black'`, `'green-dark-2'`, `'green-base'` | Sets the color of the component.              | `'green-dark-2'` |
| `className` | `string`                                               | Adds a className to the root `<svg>` element. |                  |

# EnterpriseAdvancedLogoLockup

## Properties

| Prop        | Type                                                   | Description                                   | Default          |
| ----------- | ------------------------------------------------------ | --------------------------------------------- | ---------------- |
| `height`    | `number`                                               | Sets the height of the component.             | `40`             |
| `color`     | `'white'`, `'black'`, `'green-dark-2'`, `'green-base'` | Sets the color of the component.              | `'green-dark-2'` |
| `className` | `string`                                               | Adds a className to the root `<svg>` element. |                  |

# UniversityLogoLockup

## Properties

| Prop        | Type                                                   | Description                                   | Default          |
| ----------- | ------------------------------------------------------ | --------------------------------------------- | ---------------- |
| `height`    | `number`                                               | Sets the height of the component.             | `40`             |
| `color`     | `'white'`, `'black'`, `'green-dark-2'`, `'green-base'` | Sets the color of the component.              | `'green-dark-2'` |
| `className` | `string`                                               | Adds a className to the root `<svg>` element. |                  |