返回
查看代码

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

标志素材

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

单色图形浅色
单色图形深色
文字标志浅色
文字标志深色
组合标志浅色
组合标志深色
圆底图标浅色
圆底图标深色

颜色

十六进制色值颜色名称RGBHSLCMYK
黑色
白色

React 组件

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

将这段提示词发送给智能体以使用 @openqiao/icons
安装 @openqiao/icons@0.1.6,使用 MetaGPT 图标(ID:metagpt)。从 @openqiao/icons/catalog 读取元数据,使用 @openqiao/icons/lazy 的 LazyIcon 按视口加载。color 保留原色,dark 用于深色背景,light 用于浅色背景。仅在 hasText 为 true 时使用 combine-dark/combine-light。size 表示高度,保持原始宽高比。
Metagpt.tsx
import { Metagpt } from '@openqiao/icons';

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

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

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

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

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

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

CDN 使用方式

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

SVG 地址
https://cdn.jsdelivr.net/npm/@openqiao/icons@0.1.6/icons/metagpt.svg

相关图标

探索图标库中的更多图标。