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

# Tencent

Tencent is a Chinese technology conglomerate headquartered in Shenzhen, known for WeChat, QQ, video games, cloud computing and AI services.

## At a glance

- **Page**: https://devicons.io/icons/tencent/
- **Website**: https://www.tencent.com/
- **License**: https://www.tencent.com/legal-statement/
- **Brand guidelines**: https://www.tencent.com/newsroom/media-resources/
- **Also known as**: 腾讯, 騰訊, Tencent Holdings
- **Tags**: [Social Media](/icons/tag/social-media/), [Gaming](/icons/tag/gaming/), [Cloud](/icons/tag/cloud/), [AI](/icons/tag/ai/), [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 |
| --- | --- | --- | --- | --- |
| `tencent-icon` | `TencentIcon` | https://devicons.io/devicons/icons/tencent-icon.svg | https://devicons.io/devicons/font/tencent-icon.svg | `devicons devicons-tencent-icon` |
| `tencent` | `Tencent` | https://devicons.io/devicons/icons/tencent.svg | https://devicons.io/devicons/font/tencent.svg | `devicons devicons-tencent` |

## Install and use

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

### React

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

<TencentIcon size={32} alt="Tencent logo" />
```

### Vue

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

<template>
  <TencentIcon :size="32" alt="Tencent logo" />
</template>
```

### Svelte

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

<TencentIcon size={32} alt="Tencent logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Tencent logo

Tencent's logo is an italic "Tencent" wordmark, and the final "t" ends in a forward-pointing arrow. That arrow-shaped "t" on its own is the mark, and tencent.com uses it as its favicon and app icon. The full logo here is the English wordmark from the header of tencent.com. Tencent's media resources page offers it in blue, black and white. A bilingual "Tencent 腾讯" version is also used.

The brand blue is #0052D9, which stays readable on both light and dark backgrounds.

## When to use this logo

Use the Tencent logo in company overviews, partner and investor pages, cloud provider comparisons, and integration docs for WeChat, QQ or Tencent Cloud services. It also fits AI provider lists that include Tencent's models. It pairs naturally with Alibaba, Baidu and ByteDance in overviews of Chinese tech companies, and with Tencent Cloud when you show where workloads run.

## Related icons

- [Alibaba](/icons/alibaba.md)
- [Alibaba Cloud](/icons/alibaba-cloud.md)
- [Baidu](/icons/baidu.md)
- [Baidu AI Cloud](/icons/baidu-cloud.md)
- [ByteDance](/icons/bytedance.md)
- [Huawei Cloud](/icons/huawei-cloud.md)
- [iFLYTEK Open Platform](/icons/iflytek-cloud.md)
- [Qiniu Cloud](/icons/qiniu.md)

## Browse the catalog
- Previous: [Telegram](/icons/telegram.md)
- Next: [Tensorflow](/icons/tensorflow.md)
- [All icons](/icons.md)