Never Pummel Muskoxen

    @leafygreen-ui/logo
    TypeScript icon, indicating that this package has built-in type declarations

    6.1.2 • Public • Published

    Logo

    npm (scoped)

    View on MongoDB.design

    Installation

    Yarn

    yarn add @leafygreen-ui/logo

    NPM

    npm install @leafygreen-ui/logo

    Example

    import {
      MongoDBLogo,
      MongoDBLogoMark,
      AtlasLogoLockup,
      RealmLogoLockup,
      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>

    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.

    RealmLogoLockup

    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.

    Keywords

    none

    Install

    npm i @leafygreen-ui/logo

    DownloadsWeekly Downloads

    3,072

    Version

    6.1.2

    License

    Apache-2.0

    Unpacked Size

    787 kB

    Total Files

    51

    Last publish

    Collaborators

    • shaneeza
    • hswolff
    • dave.mccarthy
    • thesonofthomp