Logo

The Logo component renders brand icons from the simple-icons package.

Usage

import {  Logo } from '@harnessio/ui/components'

//...

return <Logo name="kubernetes" size={48} />

Available Logos

The following logos are available:

Logo name	Original colors	Custom color
github
gitlab
bitbucket
jira
kubernetes
aws
awskms
awsSecretsManager
terraform
docker
hashiCorpVault
gcp
gcpSecretManager

API Reference

<Logo
  name="logo-name"     // name of the logo
  size={24}            // [OPTIONAL] size of the logo in pixels
  className="my-class" // [OPTIONAL] custom class name
  original             // [OPTIONAL] if false, the logo will use the current text color,
                       // otherwise will use its brand-specific color
/>

Prop	Required	Default	Type
name	true		string
size	false	24	number
className	false		string
original	false	true	boolean