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

# iFLYTEK Spark

iFLYTEK Spark is a large language model and AI assistant from iFLYTEK for chat, question answering, logical reasoning, math and code generation.

## At a glance

- **Page**: https://devicons.io/icons/iflytek-spark/
- **Website**: https://xinghuo.xfyun.cn/
- **Also known as**: iFlytek Spark, 讯飞星火, Xunfei Xinghuo, SparkDesk, Spark Desk
- **Tags**: [AI](/icons/tag/ai/), [LLM](/icons/tag/llm/), [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-spark-icon` | `IflytekSparkIcon` | https://devicons.io/devicons/icons/iflytek-spark-icon.svg | https://devicons.io/devicons/font/iflytek-spark-icon.svg | `devicons devicons-iflytek-spark-icon` |
| `iflytek-spark` | `IflytekSpark` | https://devicons.io/devicons/icons/iflytek-spark.svg | https://devicons.io/devicons/font/iflytek-spark.svg | `devicons devicons-iflytek-spark` |

## Install and use

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

### React

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

<IflytekSparkIcon size={32} alt="iFLYTEK Spark logo" />
```

### Vue

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

<template>
  <IflytekSparkIcon :size="32" alt="iFLYTEK Spark logo" />
</template>
```

### Svelte

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

<IflytekSparkIcon size={32} alt="iFLYTEK Spark logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the iFLYTEK Spark logo

The iFLYTEK Spark mark is a water drop with a flame curling out of its top. The drop is light blue (#3DC8F9), the flame tip is red (#EA0100), and a darker blue band (#1652D8) wraps around the lower right. The full logo sets the mark next to the Chinese name 讯飞星火 with "iFLYTEK SPARK" spaced out underneath. The layout and lettering come from the lockup on xinghuo.xfyun.cn, and the colored mark matches the site's favicon.

The wordmark is black, so it disappears on dark backgrounds. In dark themes, use the monochrome version or the mark on its own.

## When to use this logo

Use the iFLYTEK Spark logo in LLM provider pickers, model comparison tables, Chinese AI model benchmarks and docs for SDKs or gateways that call the Spark API. It pairs naturally with ERNIE, Qwen, Doubao, GLM, Kimi and DeepSeek, and with iFLYTEK when you show the company behind the model. The mark alone fits small spaces such as model badges and chat avatars.

## Related icons

- [iFLYTEK Open Platform](/icons/iflytek-cloud.md)
- [360 Zhinao](/icons/ai360.md)
- [Baidu AI Cloud](/icons/baidu-cloud.md)
- [ChatGLM](/icons/chatglm.md)
- [Doubao](/icons/doubao.md)
- [ERNIE](/icons/wenxin.md)
- [Kimi](/icons/kimi.md)
- [MiniMax](/icons/minimax.md)

## Browse the catalog
- Previous: [iFLYTEK Open Platform](/icons/iflytek-cloud.md)
- Next: [Ifttt](/icons/ifttt.md)
- [All icons](/icons.md)