Mistral

Mistral 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 Code	Color name	RGB	HSL	CMYK
	Brand color 1
	Brand color 2
	Brand color 3
	Brand color 4
	Brand color 5
	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 Mistral icon (id: mistral). 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.

Mistral.tsx

import { Mistral } from '@openqiao/icons';

export default () => <Mistral size={56} />;

MistralColor.tsx

import { Mistral } from '@openqiao/icons';

export default () => <Mistral.Color size={56} />;

MistralText.tsx

import { Mistral } from '@openqiao/icons';

export default () => <Mistral.Text size={56} />;

MistralCombine.tsx

import { Mistral } from '@openqiao/icons';

export default () => <Mistral.Combine size={56} />;

MistralCombineColor.tsx

import { Mistral } from '@openqiao/icons';

export default () => <Mistral.Combine size={56} type="color" />;

MistralAvatar.tsx

import { Mistral } from '@openqiao/icons';

export default () => <Mistral.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/mistral.svg

Logos

Colors

React Components

CDN Usage

Related Icons