Grok Build

https://grok.x.ai

查看代码

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

标志素材

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

单色图形浅色

单色图形深色

文字标志浅色

文字标志深色

组合标志浅色

组合标志深色

圆底图标浅色

圆底图标深色

颜色

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

React 组件

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

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

安装 @openqiao/icons@0.1.6，使用 Grok Build 图标（ID：grok-build）。从 @openqiao/icons/catalog 读取元数据，使用 @openqiao/icons/lazy 的 LazyIcon 按视口加载。color 保留原色，dark 用于深色背景，light 用于浅色背景。仅在 hasText 为 true 时使用 combine-dark/combine-light。size 表示高度，保持原始宽高比。

GrokBuild.tsx

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

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

GrokBuildColor.tsx

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

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

GrokBuildText.tsx

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

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

GrokBuildCombine.tsx

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

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

GrokBuildCombineColor.tsx

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

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

GrokBuildAvatar.tsx

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

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

CDN 使用方式

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

SVG 地址

https://cdn.jsdelivr.net/npm/@openqiao/icons@0.1.6/icons/grok-build.svg

标志素材

颜色

React 组件

CDN 使用方式

相关图标