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

# Baidu AI Cloud

Baidu AI Cloud is Baidu's cloud computing and AI platform, offering compute, storage, the Qianfan large model platform and ERNIE model APIs for enterprises.

## At a glance

- **Page**: https://devicons.io/icons/baidu-cloud/
- **Website**: https://cloud.baidu.com/
- **Also known as**: 百度智能云, Baidu Cloud, 百度云, Baidu Qianfan, 百度千帆
- **Tags**: [Cloud](/icons/tag/cloud/), [AI](/icons/tag/ai/), [LLM](/icons/tag/llm/), [Infrastructure](/icons/tag/infrastructure/), [China](/icons/tag/china/)
- **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 |
| --- | --- | --- | --- | --- |
| `baidu-cloud-icon` | `BaiduCloudIcon` | https://devicons.io/devicons/icons/baidu-cloud-icon.svg | https://devicons.io/devicons/font/baidu-cloud-icon.svg | `devicons devicons-baidu-cloud-icon` |
| `baidu-cloud` | `BaiduCloud` | https://devicons.io/devicons/icons/baidu-cloud.svg | https://devicons.io/devicons/font/baidu-cloud.svg | `devicons devicons-baidu-cloud` |

## Install and use

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

### React

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

<BaiduCloudIcon size={32} alt="Baidu AI Cloud logo" />
```

### Vue

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

<template>
  <BaiduCloudIcon :size="32" alt="Baidu AI Cloud logo" />
</template>
```

### Svelte

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

<BaiduCloudIcon size={32} alt="Baidu AI Cloud logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Baidu AI Cloud logo

The Baidu AI Cloud mark is a hexagonal cube drawn as three separate faces with gaps between them. The full logo pairs the cube with the Chinese wordmark 百度智能云, as shown in the header of cloud.baidu.com.

Each face has its own gradient: the top runs green (#0DF178 to #25D979), the left blue to violet (#0D5EFF to #9C62FF), and the right pink-red to orange (#FF336B to #FF9C4B). The wordmark is near-black (#282828). The site draws the gradients as an embedded bitmap, so these files rebuild them as vector gradients sampled from it. The dark wordmark disappears on dark backgrounds, so in dark themes use the mark alone or the monochrome version.

## When to use this logo

Use the Baidu AI Cloud logo in cloud provider comparisons, LLM provider pickers and model gateways that call ERNIE or other models through Qianfan, and in deployment diagrams for workloads hosted on Baidu's cloud. It pairs naturally with Baidu and ERNIE, and with Alibaba Cloud, Tencent Cloud, Huawei Cloud and Volcano Engine in overviews of Chinese cloud platforms.

## Related icons

- [Baidu](/icons/baidu.md)
- [Volcano Engine](/icons/volcengine.md)
- [Alibaba Cloud](/icons/alibaba-cloud.md)
- [Huawei Cloud](/icons/huawei-cloud.md)
- [iFLYTEK Open Platform](/icons/iflytek-cloud.md)
- [Qiniu Cloud](/icons/qiniu.md)
- [State Cloud](/icons/statecloud.md)
- [360 Zhinao](/icons/ai360.md)

## Browse the catalog
- Previous: [Baidu](/icons/baidu.md)
- Next: [Bamboo](/icons/bamboo.md)
- [All icons](/icons.md)