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

# Huawei

Huawei is a Chinese multinational technology company founded in 1987 in Shenzhen, making telecommunications equipment, smartphones and consumer electronics.

## At a glance

- **Page**: https://devicons.io/icons/huawei/
- **Website**: https://www.huawei.com/
- **License**: https://www.huawei.com/en/legal
- **Also known as**: 华为, Huawei Technologies, HUAWEI
- **Tags**: [China](/icons/tag/china/), [Enterprise](/icons/tag/enterprise/), [Infrastructure](/icons/tag/infrastructure/), [Cloud](/icons/tag/cloud/)
- **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 |
| --- | --- | --- | --- | --- |
| `huawei-icon` | `HuaweiIcon` | https://devicons.io/devicons/icons/huawei-icon.svg | https://devicons.io/devicons/font/huawei-icon.svg | `devicons devicons-huawei-icon` |
| `huawei` | `Huawei` | https://devicons.io/devicons/icons/huawei.svg | https://devicons.io/devicons/font/huawei.svg | `devicons devicons-huawei` |

## Install and use

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

### React

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

<HuaweiIcon size={32} alt="Huawei logo" />
```

### Vue

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

<template>
  <HuaweiIcon :size="32" alt="Huawei logo" />
</template>
```

### Svelte

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

<HuaweiIcon size={32} alt="Huawei logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Huawei logo

The Huawei mark is a fan of eight petal-shaped segments that open upward from a single point, like a stylized flower. The full logo is the stacked version, with the "HUAWEI" wordmark set in capitals below the flower. Both files come from the vector logo on huawei.com.

The petals use a radial red gradient that runs from a pale peach highlight (#F1BCA2) through red (#D71718) to deep crimson (#971E23). The wordmark is near-black (#040000). The flower stays visible on dark backgrounds but the wordmark does not, so use the monochrome version in dark themes.

## When to use this logo

Use the Huawei logo for device compatibility lists, telecom and 5G network diagrams, HarmonyOS or HMS Core integration docs, and vendor comparison pages for networking or enterprise hardware. For the cloud platform, use the Huawei Cloud logo. It pairs naturally with Ericsson, Nokia, ZTE, Xiaomi and Samsung.

## Related icons

- [Huawei Cloud](/icons/huawei-cloud.md)
- [Alibaba Cloud](/icons/alibaba-cloud.md)
- [State Cloud](/icons/statecloud.md)
- [Alibaba](/icons/alibaba.md)
- [Baidu AI Cloud](/icons/baidu-cloud.md)
- [IBM](/icons/ibm.md)
- [Qiniu Cloud](/icons/qiniu.md)
- [Volcano Engine](/icons/volcengine.md)

## Browse the catalog
- Previous: [HTTPie](/icons/httpie.md)
- Next: [Huawei Cloud](/icons/huawei-cloud.md)
- [All icons](/icons.md)