Skip to content
Harness Design System Harness Design System Harness Design System

Logo

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

Usage

import { Logo } from '@harnessio/ui/components'
//...
return <Logo name="kuvernetes" size={48} />

Available Logos

The following logos are available:

Logo nameOriginal colorsCustom 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
/>
PropRequiredDefaultType
nametruestring
sizefalse24number
classNamefalsestring
originalfalsetrueboolean