Xiaomi 品牌素材提供原色与单色版本，可下载透明背景的 SVG / PNG / WebP 文件，或使用 React 组件。
标志素材
可在下方下载不同样式与格式的素材。如需 CDN 链接，请查看： CDN 使用方式
颜色
| 十六进制色值 | 颜色名称 | RGB | HSL | CMYK |
|---|---|---|---|---|
| 白色 | ||||
| 品牌色 2 | ||||
| 黑色 |
React 组件
在应用中使用 React 图标包。文档： @openqiao/icons
将这段提示词发送给智能体以使用 @openqiao/icons
安装 @openqiao/icons@0.1.6，使用 Xiaomi 图标（ID：xiaomi）。从 @openqiao/icons/catalog 读取元数据，使用 @openqiao/icons/lazy 的 LazyIcon 按视口加载。color 保留原色，dark 用于深色背景，light 用于浅色背景。仅在 hasText 为 true 时使用 combine-dark/combine-light。size 表示高度，保持原始宽高比。Xiaomi.tsx
import { Xiaomi } from '@openqiao/icons';
export default () => <Xiaomi size={56} />;XiaomiColor.tsx
import { Xiaomi } from '@openqiao/icons';
export default () => <Xiaomi.Color size={56} />;XiaomiText.tsx
import { Xiaomi } from '@openqiao/icons';
export default () => <Xiaomi.Text size={56} />;XiaomiCombine.tsx
import { Xiaomi } from '@openqiao/icons';
export default () => <Xiaomi.Combine size={56} />;XiaomiCombineColor.tsx
import { Xiaomi } from '@openqiao/icons';
export default () => <Xiaomi.Combine size={56} type="color" />;XiaomiAvatar.tsx
import { Xiaomi } from '@openqiao/icons';
export default () => <Xiaomi.Avatar size={56} />;CDN 使用方式
在图片元素中使用此固定版本的 SVG 地址，无需依赖 React。
SVG 地址
https://cdn.jsdelivr.net/npm/@openqiao/icons@0.1.6/icons/xiaomi.svg相关图标
探索图标库中的更多图标。