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

# Hailuo AI

Hailuo AI is MiniMax's AI video generator for creating videos and images from text prompts or photos, powered by MiniMax video models such as MiniMax H3.

## At a glance

- **Page**: https://devicons.io/icons/hailuo/
- **Website**: https://hailuoai.video/
- **Also known as**: Hailuo, Hailuo Video, Hailuo AI Video, 海螺AI, 海螺视频
- **Tags**: [AI](/icons/tag/ai/), [Video](/icons/tag/video/), [Image Generation](/icons/tag/image-generation/), [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 |
| --- | --- | --- | --- | --- |
| `hailuo-icon` | `HailuoIcon` | https://devicons.io/devicons/icons/hailuo-icon.svg | https://devicons.io/devicons/font/hailuo-icon.svg | `devicons devicons-hailuo-icon` |
| `hailuo` | `Hailuo` | https://devicons.io/devicons/icons/hailuo.svg | https://devicons.io/devicons/font/hailuo.svg | `devicons devicons-hailuo` |

## Install and use

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

### React

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

<HailuoIcon size={32} alt="Hailuo AI logo" />
```

### Vue

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

<template>
  <HailuoIcon :size="32" alt="Hailuo AI logo" />
</template>
```

### Svelte

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

<HailuoIcon size={32} alt="Hailuo AI logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Hailuo AI logo

The Hailuo AI mark is a spiral shell drawn inside a rounded shape with one square corner. It is filled with a diagonal gradient that runs from yellow (#FFD400) through orange (#FF891F), pink (#E4659A) and magenta (#DB2ED7) to violet (#7264F4). The lockup on hailuoai.video adds a "Hailuo AI" wordmark, near-black (#15171F) in light mode.

The gradient mark works on light and dark backgrounds. The wordmark switches to white in the site's dark theme, so use the monochrome lockup there.

## When to use this logo

Use the Hailuo AI logo in AI video generator comparisons, text-to-video and image-to-video tool roundups, creator tool directories and pipelines that render clips with MiniMax video models. It pairs naturally with MiniMax, and with other video generators such as Runway, Pika, Kling, Luma Dream Machine and Google Veo.

## Related icons

- [Kling AI](/icons/kling.md)
- [Adobe Firefly](/icons/adobe-firefly.md)
- [ByteDance](/icons/bytedance.md)
- [ComfyUI](/icons/comfyui.md)
- [DeepAI](/icons/deepai.md)
- [Krea](/icons/krea.md)
- [Luma](/icons/luma.md)
- [MiniMax](/icons/minimax.md)

## Browse the catalog
- Previous: [Hadoop](/icons/hadoop.md)
- Next: [Haml](/icons/haml.md)
- [All icons](/icons.md)