Alibaba Cloud 图标
基础设施#FF6A00
高质量 Alibaba Cloud 透明 PNG，适用于网页和印刷。
为开发者优化的 Alibaba Cloud SVG 矢量代码。
即用型 Alibaba Cloud React 图标组件。
Use Alibaba Cloud in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
如何使用 Alibaba Cloud 图标
复制 Alibaba Cloud 图标作为内联 SVG、React 代码、HTML 嵌入或 CSS mask。
内联 SVG
将 Alibaba Cloud SVG 直接粘贴到 HTML 或 JSX 中。
React 组件
将 Alibaba Cloud 作为类型化的 React 图标组件使用。
import React from 'react';
export const AlibabaCloudIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML 嵌入
使用托管的 Alibaba Cloud 图标 URL 并附上署名。
CSS Mask
将 Alibaba Cloud 用作可着色的 CSS mask 图标。
.alibabacloud-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #ff6a00;
mask: url("https://www.aiuidesigner.com/icons/alibabacloud.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/alibabacloud.svg") center / contain no-repeat;
}Alibaba Cloud 图标详情
品牌颜色
#FF6A00
分类
基础设施
格式
SVG、PNG、React、HTML、CSS mask
SVG viewBox
0 0 24 24
SVG 文件
547 B · 1 条路径
许可协议
请查看品牌使用指南
关于 Alibaba Cloud 图标
Alibaba Cloud 图标作为品牌图标素材以 SVG 格式提供。它归类于 基础设施，品牌颜色为 #FF6A00。您可以下载透明 PNG、复制内联 SVG、复制 React 组件或通过 HTML 嵌入使用。
在商业项目、文档、UI 原型或营销页面中使用 Alibaba Cloud Logo 之前，请通过本页面的来源和品牌指南链接确认当前商标使用规则。
标签：cloudinfrastructurehosting
Alibaba Cloud 图标常见问题解答
Design a UI with the Alibaba Cloud icon
Generate a complete page that already uses this icon, color, and brand context.