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

# Doubao

Doubao is ByteDance's AI chatbot assistant and the Doubao large language model family (豆包大模型), offered to developers through Volcano Engine.

## At a glance

- **Page**: https://devicons.io/icons/doubao/
- **Website**: https://www.volcengine.com/product/doubao
- **Also known as**: 豆包, 豆包大模型, Doubao Large Model, Doubao Seed, Dola, Cici
- **Tags**: [AI](/icons/tag/ai/), [LLM](/icons/tag/llm/), [Chatbot](/icons/tag/chatbot/), [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 |
| --- | --- | --- | --- | --- |
| `doubao-icon` | `DoubaoIcon` | https://devicons.io/devicons/icons/doubao-icon.svg | https://devicons.io/devicons/font/doubao-icon.svg | `devicons devicons-doubao-icon` |
| `doubao` | `Doubao` | https://devicons.io/devicons/icons/doubao.svg | https://devicons.io/devicons/font/doubao.svg | `devicons devicons-doubao` |

## Install and use

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

### React

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

<DoubaoIcon size={32} alt="Doubao logo" />
```

### Vue

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

<template>
  <DoubaoIcon :size="32" alt="Doubao logo" />
</template>
```

### Svelte

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

<DoubaoIcon size={32} alt="Doubao logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Doubao logo

The Doubao mark is a rounded, play-button-like shape made of interlocking ribbons in violet, blue and mint around an open center. It identifies the Doubao large model family (豆包大模型) that ByteDance offers through its Volcano Engine cloud. The full logo pairs the mark with the Chinese wordmark 豆包大模型. The consumer Doubao chatbot, launched in August 2023, uses an illustrated avatar as its web icon instead.

The ribbons are violet #A569FF, blue #1E37FC and mint #37E1BE, and the wordmark is black. The black wordmark disappears on dark backgrounds, so use the monochrome version or the mark alone in dark themes.

## When to use this logo

Use the Doubao logo in model comparison tables, LLM provider and model pickers, benchmark charts, and docs for SDKs or gateways that call Doubao models through Volcano Engine. It pairs naturally with Qwen, DeepSeek, Kimi, ERNIE and GLM in overviews of Chinese AI models, and with ByteDance when you show the company behind them.

## Related icons

- [ERNIE](/icons/wenxin.md)
- [Claude](/icons/claude.md)
- [360 Zhinao](/icons/ai360.md)
- [Baidu AI Cloud](/icons/baidu-cloud.md)
- [ChatGLM](/icons/chatglm.md)
- [Google Bard](/icons/google-bard.md)
- [Grok](/icons/grok.md)
- [iFLYTEK Open Platform](/icons/iflytek-cloud.md)

## Browse the catalog
- Previous: [Dolt](/icons/dolt.md)
- Next: [Dovetail](/icons/dovetail.md)
- [All icons](/icons.md)