yarn add @leafygreen-ui/logo
npm install @leafygreen-ui/logo
import {
MongoDBLogo,
MongoDBLogoMark,
AtlasLogoLockup,
CommunityEditionLogoLockup,
EnterpriseAdvancedLogoLockup,
} from '@leafygreen-ui/logo';
return <MongoDBLogo />;
Output HTML
<svg
role="img"
aria-label="MongoDB Logo"
class="leafygreen-ui-6pysb5"
height="40"
viewBox="0 0 127 32"
fill="none"
>
<path d="..." fill="#00684A"></path>
<path d="..." fill="#00684A"></path>
<path d="..." fill="#00684A"></path>
<path d="..." fill="#00684A"></path>
<path d="..." fill="#00684A"></path>
<path d="..." fill="#00684A"></path>
<path d="..." fill="#00684A"></path>
<path d="..." fill="#00684A"></path>
<path d="..." fill="#00684A"></path>
</svg>
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. |
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. |
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. |
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. |
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. |
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. |
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. |