Spacexai

https://x.ai

查看代码

Spacexai 品牌素材提供原色与单色版本，可下载透明背景的 SVG / PNG / WebP 文件，或使用 React 组件。

标志素材

可在下方下载不同样式与格式的素材。如需 CDN 链接，请查看： CDN 使用方式

单色图形浅色

单色图形深色

文字标志浅色

文字标志深色

圆底图标浅色

圆底图标深色

颜色

十六进制色值	颜色名称	RGB	HSL	CMYK
	黑色
	白色

React 组件

在应用中使用 React 图标包。文档： @openqiao/icons

将这段提示词发送给智能体以使用 @openqiao/icons

安装 @openqiao/icons@0.1.6，使用 Spacexai 图标（ID：spacexai）。从 @openqiao/icons/catalog 读取元数据，使用 @openqiao/icons/lazy 的 LazyIcon 按视口加载。color 保留原色，dark 用于深色背景，light 用于浅色背景。仅在 hasText 为 true 时使用 combine-dark/combine-light。size 表示高度，保持原始宽高比。
Combine is unavailable for this icon. Use Symbol and Text independently; do not concatenate them.

Spacexai.tsx

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

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

SpacexaiColor.tsx

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

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

SpacexaiText.tsx

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

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

SpacexaiAvatar.tsx

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

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

CDN 使用方式

在图片元素中使用此固定版本的 SVG 地址，无需依赖 React。

SVG 地址

https://cdn.jsdelivr.net/npm/@openqiao/icons@0.1.6/icons/spacexai.svg

标志素材

颜色

React 组件

CDN 使用方式

相关图标