Back
View Code

LlamaIndex brand assets in original color and monochrome. Download transparent SVG / PNG / WebP files or use the React components.

Logos

Download the available styles and formats below. For CDN links, see: CDN Usage

Color symbolLight
Color symbolDark
SymbolLight
SymbolDark
TextLight
TextDark
LogoLight
LogoDark
IconLight
IconDark

Colors

Hex CodeColor nameRGBHSLCMYK
Brand color 1
Brand color 2
Brand color 3
Brand color 4
Black
White

React Components

Use the React icon package in your application. Documentation: @openqiao/icons

Send this prompt to your agent to use @openqiao/icons
Install @openqiao/icons@0.1.6. Use the LlamaIndex icon (id: llamaindex). Read metadata from @openqiao/icons/catalog. Use LazyIcon from @openqiao/icons/lazy for viewport loading. Use color for original colors, dark on dark surfaces and light on light surfaces. Use combine-dark/combine-light only when hasText is true. The size sets height; preserve the aspect ratio.
Llamaindex.tsx
import { Llamaindex } from '@openqiao/icons';

export default () => <Llamaindex size={56} />;
LlamaindexColor.tsx
import { Llamaindex } from '@openqiao/icons';

export default () => <Llamaindex.Color size={56} />;
LlamaindexText.tsx
import { Llamaindex } from '@openqiao/icons';

export default () => <Llamaindex.Text size={56} />;
LlamaindexCombine.tsx
import { Llamaindex } from '@openqiao/icons';

export default () => <Llamaindex.Combine size={56} />;
LlamaindexCombineColor.tsx
import { Llamaindex } from '@openqiao/icons';

export default () => <Llamaindex.Combine size={56} type="color" />;
LlamaindexAvatar.tsx
import { Llamaindex } from '@openqiao/icons';

export default () => <Llamaindex.Avatar size={56} />;

CDN Usage

Use this version-pinned SVG URL in an image element. No React dependency is required.

SVG URL
https://cdn.jsdelivr.net/npm/@openqiao/icons@0.1.6/icons/llamaindex.svg

Related Icons

Explore more icons from the collection.