[Home](/index.md) › [Icons](/icons.md) › Alibaba Cloud

# Alibaba Cloud

Alibaba Cloud (Aliyun) is the cloud computing subsidiary of Alibaba Group, offering IaaS, PaaS, databases, storage, Kubernetes and AI model services.

## At a glance

- **Page**: https://devicons.io/icons/alibaba-cloud/
- **Website**: https://www.alibabacloud.com/
- **License**: https://www.alibabacloud.com/help/en/legal/latest/alibaba-cloud-international-website-terms-of-use-alibaba-cloud-international-website-terms-of-use
- **Also known as**: Aliyun, 阿里云, Alibaba Cloud Computing
- **Tags**: [Cloud](/icons/tag/cloud/), [Infrastructure](/icons/tag/infrastructure/), [China](/icons/tag/china/), [Enterprise](/icons/tag/enterprise/), [AI](/icons/tag/ai/)
- **Version added**: 1.2.0

## Files

Each file is one variant of this logo. The component name is derived from the file name.

| File | Component | Color SVG | Monochrome SVG | Font class |
| --- | --- | --- | --- | --- |
| `alibaba-cloud-icon` | `AlibabaCloudIcon` | https://devicons.io/devicons/icons/alibaba-cloud-icon.svg | https://devicons.io/devicons/font/alibaba-cloud-icon.svg | `devicons devicons-alibaba-cloud-icon` |
| `alibaba-cloud` | `AlibabaCloud` | https://devicons.io/devicons/icons/alibaba-cloud.svg | https://devicons.io/devicons/font/alibaba-cloud.svg | `devicons devicons-alibaba-cloud` |

## Install and use

```bash
npm install @dev.icons/react  # or @dev.icons/vue, @dev.icons/svelte
```

### React

```tsx
import { AlibabaCloudIcon } from "@dev.icons/react";
// Monochrome (inherits currentColor):
// import { AlibabaCloudIcon } from "@dev.icons/react/mono";

<AlibabaCloudIcon size={32} alt="Alibaba Cloud logo" />
```

### Vue

```vue
<script setup>
import { AlibabaCloudIcon } from "@dev.icons/vue";
</script>

<template>
  <AlibabaCloudIcon :size="32" alt="Alibaba Cloud logo" />
</template>
```

### Svelte

```svelte
<script>
  import { AlibabaCloudIcon } from "@dev.icons/svelte";
</script>

<AlibabaCloudIcon size={32} alt="Alibaba Cloud logo" />
```

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/alibaba-cloud-icon.svg" alt="Alibaba Cloud logo" width="48" height="48" />
```

### Icon font

```css
@import "devicons/css"; /* npm install devicons */
```

```html
<i class="devicons devicons-alibaba-cloud-icon"></i>
```

## About the Alibaba Cloud logo

The Alibaba Cloud mark is two rounded bracket shapes facing each other, with a short horizontal bar between them. In the full logo, a condensed "Alibaba Cloud" wordmark follows the mark. Both files come from the vector logo in the alibabacloud.com site header.

The whole logo uses one flat orange, #FF6A00. It holds strong contrast on white and on dark backgrounds, so the colored versions work in either theme. The monochrome version keeps the bracket-and-bar mark as a single-ink silhouette.

## When to use this logo

Use the Alibaba Cloud logo in multi-cloud architecture diagrams, deployment target selectors, infrastructure-as-code provider docs, region and pricing comparisons, and pages about Model Studio or Qwen API hosting. It pairs naturally with AWS, Google Cloud, Microsoft Azure, Huawei Cloud and Tencent Cloud, and with the Qwen logo for AI workloads.

## Related icons

- [Alibaba](/icons/alibaba.md)
- [Huawei Cloud](/icons/huawei-cloud.md)
- [State Cloud](/icons/statecloud.md)
- [Baidu AI Cloud](/icons/baidu-cloud.md)
- [Huawei](/icons/huawei.md)
- [Qiniu Cloud](/icons/qiniu.md)
- [Volcano Engine](/icons/volcengine.md)
- [Baidu](/icons/baidu.md)

## Browse the catalog
- Previous: [Alibaba](/icons/alibaba.md)
- Next: [Alpine.js](/icons/alpinejs.md)
- [All icons](/icons.md)