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

# Alibaba

Alibaba is a Chinese multinational technology company founded in 1999 in Hangzhou, specializing in e-commerce, retail, internet and cloud computing.

## At a glance

- **Page**: https://devicons.io/icons/alibaba/
- **Website**: https://www.alibabagroup.com/
- **Also known as**: Alibaba Group, 阿里巴巴, 阿里巴巴集团
- **Tags**: [E-commerce](/icons/tag/e-commerce/), [China](/icons/tag/china/), [Cloud](/icons/tag/cloud/), [Enterprise](/icons/tag/enterprise/), [AI](/icons/tag/ai/)
- **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 |
| --- | --- | --- | --- | --- |
| `alibaba-icon` | `AlibabaIcon` | https://devicons.io/devicons/icons/alibaba-icon.svg | https://devicons.io/devicons/font/alibaba-icon.svg | `devicons devicons-alibaba-icon` |
| `alibaba` | `Alibaba` | https://devicons.io/devicons/icons/alibaba.svg | https://devicons.io/devicons/font/alibaba.svg | `devicons devicons-alibaba` |

## Install and use

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

### React

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

<AlibabaIcon size={32} alt="Alibaba logo" />
```

### Vue

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

<template>
  <AlibabaIcon :size="32" alt="Alibaba logo" />
</template>
```

### Svelte

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

<AlibabaIcon size={32} alt="Alibaba logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Alibaba logo

The Alibaba mark is a single orange calligraphic stroke that loops into a stylized lowercase "a", with a small smile tucked inside the curve. In the full logo, a heavy geometric "Alibaba" wordmark in the same orange sits to the right of the mark. These files are taken from the current logo on alibabagroup.com.

The mark and the wordmark use one flat color, Alibaba orange (#FF5A00). Orange reads well on both white and near-black backgrounds, so the colored versions work in light and dark themes. Use the monochrome version when you need a single-ink logo.

## When to use this logo

Use the Alibaba logo for the parent company itself: e-commerce integration guides, marketplace and payment provider lists, investor or market comparison pages, and diagrams that show Alibaba's group of businesses. For the cloud platform use the Alibaba Cloud logo, and for the language models use Qwen. It sits naturally next to Alibaba Cloud, Qwen, Tencent and JD.com.

## Related icons

- [Alibaba Cloud](/icons/alibaba-cloud.md)
- [Huawei Cloud](/icons/huawei-cloud.md)
- [State Cloud](/icons/statecloud.md)
- [Baidu](/icons/baidu.md)
- [Baidu AI Cloud](/icons/baidu-cloud.md)
- [Huawei](/icons/huawei.md)
- [iFLYTEK Open Platform](/icons/iflytek-cloud.md)
- [Microsoft Foundry](/icons/microsoft-azure-ai.md)

## Browse the catalog
- Previous: [Algolia](/icons/algolia.md)
- Next: [Alibaba Cloud](/icons/alibaba-cloud.md)
- [All icons](/icons.md)