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

# ChatGLM

ChatGLM is Zhipu AI's chatbot and agent app at chatglm.cn, branded Zhipu Qingyan in China and built on the GLM family of large language models.

## At a glance

- **Page**: https://devicons.io/icons/chatglm/
- **Website**: https://chatglm.cn/
- **Also known as**: 智谱清言, Zhipu Qingyan, 清言, Qingyan, ChatGLM-6B
- **Tags**: [AI](/icons/tag/ai/), [LLM](/icons/tag/llm/), [Agents](/icons/tag/agents/), [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 |
| --- | --- | --- | --- | --- |
| `chatglm-icon` | `ChatglmIcon` | https://devicons.io/devicons/icons/chatglm-icon.svg | https://devicons.io/devicons/font/chatglm-icon.svg | `devicons devicons-chatglm-icon` |
| `chatglm` | `Chatglm` | https://devicons.io/devicons/icons/chatglm.svg | https://devicons.io/devicons/font/chatglm.svg | `devicons devicons-chatglm` |

## Install and use

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

### React

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

<ChatglmIcon size={32} alt="ChatGLM logo" />
```

### Vue

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

<template>
  <ChatglmIcon :size="32" alt="ChatGLM logo" />
</template>
```

### Svelte

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

<ChatglmIcon size={32} alt="ChatGLM logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the ChatGLM logo

The current ChatGLM mark is two tilted blue rings, one stacked behind the other: a deep blue (#1041F3) front ring and a lighter blue (#3762FF) back ring. The lockup on chatglm.cn pairs it with the Chinese name 智谱清言 (Zhipu Qingyan) above a smaller "ChatGLM.cn" line, in dark gray. Older ChatGLM icons in some icon sets show a different, elephant-style mark.

The blue rings work on light and dark backgrounds. The dark gray text does not, so use the monochrome lockup in dark themes.

## When to use this logo

Use the ChatGLM logo for the consumer chat app and the ChatGLM model line: chatbot comparisons, LLM model pickers, and docs that run open ChatGLM or GLM models. For the company or its developer platform, use the Z.ai logo instead. It pairs naturally with Z.ai, Kimi, Qwen, DeepSeek, MiniMax and Doubao.

## Related icons

- [Kimi](/icons/kimi.md)
- [LangChain](/icons/langchain.md)
- [360 Zhinao](/icons/ai360.md)
- [Amazon Nova](/icons/amazon-nova.md)
- [Baidu AI Cloud](/icons/baidu-cloud.md)
- [CrewAI](/icons/crewai.md)
- [Dify](/icons/dify.md)
- [Doubao](/icons/doubao.md)

## Browse the catalog
- Previous: [Chart.js](/icons/chart-js.md)
- Next: [Chef](/icons/chef.md)
- [All icons](/icons.md)