Cherry Studio

https://cherry-ai.com

查看代码

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

标志素材

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

原色图形浅色

原色图形深色

单色图形浅色

单色图形深色

文字标志浅色

文字标志深色

组合标志浅色

组合标志深色

圆底图标浅色

圆底图标深色

颜色

十六进制色值	颜色名称	RGB	HSL	CMYK
	品牌色 1
	品牌色 2
	黑色
	白色

React 组件

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

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

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

CherryStudio.tsx

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

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

CherryStudioColor.tsx

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

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

CherryStudioText.tsx

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

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

CherryStudioCombine.tsx

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

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

CherryStudioCombineColor.tsx

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

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

CherryStudioAvatar.tsx

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

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

CDN 使用方式

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

SVG 地址

https://cdn.jsdelivr.net/npm/@openqiao/icons@0.1.6/icons/cherry-studio.svg

标志素材

颜色

React 组件

CDN 使用方式

相关图标