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

# Huawei Cloud

Huawei Cloud is Huawei's public cloud computing platform, providing compute, storage, databases, networking, AI and other services as a service.

## At a glance

- **Page**: https://devicons.io/icons/huawei-cloud/
- **Website**: https://www.huaweicloud.com/intl/en-us/
- **License**: https://www.huaweicloud.com/intl/en-us/declaration-sg/sa_st.html
- **Also known as**: 华为云, HUAWEI CLOUD
- **Tags**: [Cloud](/icons/tag/cloud/), [Infrastructure](/icons/tag/infrastructure/), [Enterprise](/icons/tag/enterprise/), [China](/icons/tag/china/), [AI](/icons/tag/ai/)
- **Version added**: 1.2.0
- **Contrast**: needs a light backdrop on dark backgrounds

## 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 |
| --- | --- | --- | --- | --- |
| `huawei-cloud-icon` | `HuaweiCloudIcon` | https://devicons.io/devicons/icons/huawei-cloud-icon.svg | https://devicons.io/devicons/font/huawei-cloud-icon.svg | `devicons devicons-huawei-cloud-icon` |
| `huawei-cloud` | `HuaweiCloud` | https://devicons.io/devicons/icons/huawei-cloud.svg | https://devicons.io/devicons/font/huawei-cloud.svg | `devicons devicons-huawei-cloud` |

## Install and use

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

### React

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

<HuaweiCloudIcon size={32} alt="Huawei Cloud logo" />
```

### Vue

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

<template>
  <HuaweiCloudIcon :size="32" alt="Huawei Cloud logo" />
</template>
```

### Svelte

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

<HuaweiCloudIcon size={32} alt="Huawei Cloud logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Huawei Cloud logo

Huawei Cloud uses the Huawei corporate symbol, a fan of eight red petal shapes, as its mark. The full lockup places the stacked Huawei logo (the flower above "HUAWEI") to the left of a "HUAWEI CLOUD" wordmark in capitals. The flower artwork comes from the huaweicloud.com vector logo. The lockup follows the layout of the site header on the international website.

The petals use a radial gradient centered on Huawei red (#E60012), with a peach highlight at the top and darker red at the edges. Both wordmarks are black, so they disappear on dark backgrounds. Use the monochrome version in dark themes.

## When to use this logo

Use the Huawei Cloud logo in multi-cloud architecture diagrams, deployment target and region selectors, Terraform or SDK provider docs, and cloud pricing comparisons. It pairs naturally with Alibaba Cloud, Tencent Cloud, AWS, Google Cloud and Microsoft Azure.

## Related icons

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

## Browse the catalog
- Previous: [Huawei](/icons/huawei.md)
- Next: [Hubspot](/icons/hubspot.md)
- [All icons](/icons.md)