[Home](/index.md) › [Icons](/icons.md) › iFLYTEK Open Platform

# iFLYTEK Open Platform

iFLYTEK Open Platform is iFLYTEK's AI developer platform offering speech recognition, text-to-speech, machine translation and Spark large language model APIs.

## At a glance

- **Page**: https://devicons.io/icons/iflytek-cloud/
- **Website**: https://www.xfyun.cn/
- **Also known as**: 讯飞开放平台, iFLYTEK Cloud, iFLYTEK Open AI Platform, xfyun, iFLYTEK Spark
- **Tags**: [AI](/icons/tag/ai/), [API](/icons/tag/api/), [LLM](/icons/tag/llm/), [Cloud](/icons/tag/cloud/), [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 |
| --- | --- | --- | --- | --- |
| `iflytek-cloud-icon` | `IflytekCloudIcon` | https://devicons.io/devicons/icons/iflytek-cloud-icon.svg | https://devicons.io/devicons/font/iflytek-cloud-icon.svg | `devicons devicons-iflytek-cloud-icon` |
| `iflytek-cloud` | `IflytekCloud` | https://devicons.io/devicons/icons/iflytek-cloud.svg | https://devicons.io/devicons/font/iflytek-cloud.svg | `devicons devicons-iflytek-cloud` |

## Install and use

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

### React

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

<IflytekCloudIcon size={32} alt="iFLYTEK Open Platform logo" />
```

### Vue

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

<template>
  <IflytekCloudIcon :size="32" alt="iFLYTEK Open Platform logo" />
</template>
```

### Svelte

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

<IflytekCloudIcon size={32} alt="iFLYTEK Open Platform logo" />
```

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/iflytek-cloud-icon.svg" alt="iFLYTEK Open Platform logo" width="48" height="48" />
```

### Icon font

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

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

## About the iFLYTEK Open Platform logo

The iFLYTEK Open Platform mark is a cloud shaped like a speech bubble, with a tail at the bottom left and five rounded vertical bars inside that suggest a voice waveform. The bars match the platform's focus on voice interaction. The full logo pairs the mark with the Chinese wordmark 讯飞开放平台, as shown in the header of xfyun.cn.

The mark is blue (#2A80E2) and the wordmark is dark grey (#333333). The wordmark fades on dark backgrounds, so in dark themes use the mark alone or the monochrome version.

## When to use this logo

Use the iFLYTEK Open Platform logo in speech recognition and text-to-speech provider comparisons, voice assistant architecture diagrams, LLM provider pickers that include iFLYTEK Spark models, and docs for SDKs that call xfyun.cn APIs. It pairs naturally with Baidu AI Cloud, Alibaba Cloud and Tencent Cloud speech services, and with Azure AI Speech and Google Cloud Speech-to-Text.

## Related icons

- [iFLYTEK Spark](/icons/iflytek-spark.md)
- [Baidu AI Cloud](/icons/baidu-cloud.md)
- [Fireworks AI](/icons/fireworks.md)
- [MiniMax](/icons/minimax.md)
- [Moonshot AI](/icons/moonshot.md)
- [Volcano Engine](/icons/volcengine.md)
- [OpenAI](/icons/openai.md)
- [360 Zhinao](/icons/ai360.md)

## Browse the catalog
- Previous: [IEEE](/icons/ieee.md)
- Next: [iFLYTEK Spark](/icons/iflytek-spark.md)
- [All icons](/icons.md)