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

# MetaGPT

MetaGPT is an open-source multi-agent framework in Python that assigns LLM agents software-company roles to turn a one-line requirement into a full project.

## At a glance

- **Page**: https://devicons.io/icons/metagpt/
- **Website**: https://github.com/FoundationAgents/MetaGPT
- **License**: https://github.com/FoundationAgents/MetaGPT/blob/main/LICENSE
- **Also known as**: Meta GPT, MetaGPT X, MGX, DeepWisdom MetaGPT
- **Tags**: [AI](/icons/tag/ai/), [Agents](/icons/tag/agents/), [LLM](/icons/tag/llm/), [Open Source](/icons/tag/open-source/), [Developer Tools](/icons/tag/developer-tools/)
- **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 |
| --- | --- | --- | --- | --- |
| `metagpt-icon` | `MetagptIcon` | https://devicons.io/devicons/icons/metagpt-icon.svg | https://devicons.io/devicons/font/metagpt-icon.svg | `devicons devicons-metagpt-icon` |
| `metagpt` | `Metagpt` | https://devicons.io/devicons/icons/metagpt.svg | https://devicons.io/devicons/font/metagpt.svg | `devicons devicons-metagpt` |

## Install and use

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

### React

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

<MetagptIcon size={32} alt="MetaGPT logo" />
```

### Vue

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

<template>
  <MetagptIcon :size="32" alt="MetaGPT logo" />
</template>
```

### Svelte

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

<MetagptIcon size={32} alt="MetaGPT logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the MetaGPT logo

The MetaGPT mark is an interlaced knot of four rounded loops arranged like a four-leaf clover, with a curved ribbon running diagonally through the center. The full logo pairs the mark with a geometric "MetaGPT" wordmark. The mark comes from the vector logo on the official MetaGPT documentation site (docs.deepwisdom.ai), and it matches the logo in the GitHub README.

The logo is black, with a white version used on dark pages. Use the monochrome version, which follows the text color, on dark backgrounds.

## When to use this logo

Use the MetaGPT logo in multi-agent framework comparisons, LLM agent architecture diagrams, research and tutorial pages about role-based agents, and Python AI tooling lists. It pairs naturally with LangChain, LangGraph, AutoGen, CrewAI and OpenAI, and with the LLM providers you configure MetaGPT to use.

## Related icons

- [Dify](/icons/dify.md)
- [Kimi](/icons/kimi.md)
- [MCP](/icons/mcp.md)
- [Nous Research](/icons/nous-research.md)
- [OpenCode](/icons/opencode.md)
- [DeepSeek](/icons/deepseek.md)
- [LangChain](/icons/langchain.md)
- [360 Zhinao](/icons/ai360.md)

## Browse the catalog
- Previous: [Metabase](/icons/metabase.md)
- Next: [Meteor](/icons/meteor.md)
- [All icons](/icons.md)