Azure

https://azure.microsoft.com

查看代码

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

标志素材

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

原色图形浅色

原色图形深色

单色图形浅色

单色图形深色

文字标志浅色

文字标志深色

组合标志浅色

组合标志深色

圆底图标浅色

圆底图标深色

颜色

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

React 组件

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

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

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

Azure.tsx

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

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

AzureColor.tsx

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

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

AzureText.tsx

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

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

AzureCombine.tsx

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

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

AzureCombineColor.tsx

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

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

AzureAvatar.tsx

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

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

CDN 使用方式

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

SVG 地址

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

标志素材

颜色

React 组件

CDN 使用方式

相关图标