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

# State Cloud

State Cloud (天翼云) is China Telecom's cloud computing platform, providing public and private cloud, edge computing, GPU compute and AI model services in China.

## At a glance

- **Page**: https://devicons.io/icons/statecloud/
- **Website**: https://www.ctyun.cn/
- **License**: https://www.ctyun.cn/portal/protocol/10139038
- **Also known as**: 天翼云, Tianyi Cloud, CTyun, China Telecom Cloud, eSurfing Cloud, StateCloud
- **Tags**: [Cloud](/icons/tag/cloud/), [Infrastructure](/icons/tag/infrastructure/), [AI](/icons/tag/ai/), [Enterprise](/icons/tag/enterprise/), [China](/icons/tag/china/)
- **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 |
| --- | --- | --- | --- | --- |
| `statecloud-icon` | `StatecloudIcon` | https://devicons.io/devicons/icons/statecloud-icon.svg | https://devicons.io/devicons/font/statecloud-icon.svg | `devicons devicons-statecloud-icon` |
| `statecloud` | `Statecloud` | https://devicons.io/devicons/icons/statecloud.svg | https://devicons.io/devicons/font/statecloud.svg | `devicons devicons-statecloud` |

## Install and use

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

### React

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

<StatecloudIcon size={32} alt="State Cloud logo" />
```

### Vue

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

<template>
  <StatecloudIcon :size="32" alt="State Cloud logo" />
</template>
```

### Svelte

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

<StatecloudIcon size={32} alt="State Cloud logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the State Cloud logo

The State Cloud mark is a cloud outline whose right side curls into a circular arrow pointing upward. The full logo stacks the Chinese name 天翼云 over the English "State Cloud" beside the mark, as shown in the header of ctyun.cn. The service is run by Tianyi Cloud Technology (天翼云科技有限公司), a China Telecom subsidiary, and is sold outside mainland China as eSurfing Cloud.

The whole logo is a single red (#DF0428), which stays legible on both light and dark backgrounds.

## When to use this logo

Use the State Cloud logo in cloud provider comparisons for the Chinese market, deployment and region pickers, compliance or government cloud architecture diagrams, and model API lists that include its Xirang (息壤) AI compute platform. It pairs naturally with Alibaba Cloud, Huawei Cloud, Tencent Cloud, Baidu AI Cloud and Volcano Engine.

## Related icons

- [Alibaba Cloud](/icons/alibaba-cloud.md)
- [Huawei Cloud](/icons/huawei-cloud.md)
- [Alibaba](/icons/alibaba.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: [Stackshare](/icons/stackshare.md)
- Next: [Stately](/icons/stately.md)
- [All icons](/icons.md)