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

# Manus

Manus is an autonomous AI agent from Butterfly Effect, launched in 2025, that executes multi-step tasks and automates workflows rather than just answering.

## At a glance

- **Page**: https://devicons.io/icons/manus/
- **Website**: https://manus.im/
- **License**: https://manus.im/terms
- **Brand guidelines**: https://manus.im/brand
- **Also known as**: Manus AI, Butterfly Effect
- **Tags**: [AI](/icons/tag/ai/), [Agents](/icons/tag/agents/), [Automation](/icons/tag/automation/), [Productivity](/icons/tag/productivity/)
- **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 |
| --- | --- | --- | --- | --- |
| `manus-icon` | `ManusIcon` | https://devicons.io/devicons/icons/manus-icon.svg | https://devicons.io/devicons/font/manus-icon.svg | `devicons devicons-manus-icon` |
| `manus` | `Manus` | https://devicons.io/devicons/icons/manus.svg | https://devicons.io/devicons/font/manus.svg | `devicons devicons-manus` |

## Install and use

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

### React

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

<ManusIcon size={32} alt="Manus logo" />
```

### Vue

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

<template>
  <ManusIcon :size="32" alt="Manus logo" />
</template>
```

### Svelte

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

<ManusIcon size={32} alt="Manus logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Manus logo

The Manus glyph is a hand-drawn hand mid-gesture, with three short strokes radiating above it. The name is Latin for "hand", taken from MIT's motto "Mens et Manus" (mind and hand). The primary logo pairs the glyph with a lowercase serif "manus" wordmark, and the brand page also offers the glyph on its own and as a rounded-square app icon.

The palette is deliberately minimal: Black #34322D, Gray #F8F8F8 and White #FFFFFF. The guidelines forbid recoloring, rotating, flipping, outlining or filling the logo, and ask that it stay legible against its background. On dark surfaces, use the white (mono) version.

## When to use this logo

Use the Manus logo in AI agent comparison tables, agentic workflow diagrams, roundups of autonomous research and browser-automation tools, and integration docs such as Slack connectors. It pairs naturally with OpenAI's ChatGPT agent, Claude, Genspark and Devin. The glyph works as a compact badge in tool pickers. Use the lockup when the name needs to read at a glance.

## Related icons

- [Make](/icons/make.md)
- [Devin](/icons/devin.md)
- [goose](/icons/goose.md)
- [OpenClaw](/icons/openclaw.md)
- [Claude Code](/icons/claude-code.md)
- [LangChain](/icons/langchain.md)
- [Ifttt](/icons/ifttt.md)
- [Amazon Nova](/icons/amazon-nova.md)

## Browse the catalog
- Previous: [Mantine](/icons/mantine.md)
- Next: [Mapbox](/icons/mapbox.md)
- [All icons](/icons.md)