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

# Poe

Poe is an AI chat platform from Quora that gives access to GPT, Claude, Gemini, Llama and thousands of other chatbots and models in a single app.

## At a glance

- **Page**: https://devicons.io/icons/poe/
- **Website**: https://poe.com/
- **Also known as**: Poe AI, Poe by Quora, Quora Poe
- **Tags**: [AI](/icons/tag/ai/), [LLM](/icons/tag/llm/), [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 |
| --- | --- | --- | --- | --- |
| `poe-icon` | `PoeIcon` | https://devicons.io/devicons/icons/poe-icon.svg | https://devicons.io/devicons/font/poe-icon.svg | `devicons devicons-poe-icon` |
| `poe` | `Poe` | https://devicons.io/devicons/icons/poe.svg | https://devicons.io/devicons/font/poe.svg | `devicons devicons-poe` |

## Install and use

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

### React

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

<PoeIcon size={32} alt="Poe logo" />
```

### Vue

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

<template>
  <PoeIcon :size="32" alt="Poe logo" />
</template>
```

### Svelte

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

<PoeIcon size={32} alt="Poe logo" />
```

### Raw SVG

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

### Icon font

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

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

## About the Poe logo

The Poe symbol is a black chat bubble with a small robot face, two rounded eyes in a wide visor, and two offset speech-bubble outlines trailing behind it. The full logo puts the symbol next to a rounded geometric "Poe" wordmark. Both files come from the vector logo in the header of poe.com, and the lockup uses the spacing from that header.

The bubble and wordmark are black. The trailing outlines use a pink-to-violet gradient (#FF44D3 to #CF4BFF) and a blue-to-purple gradient (#46A6F7 to #8364FF). Poe switches to a white version in dark mode, so use the monochrome file on dark backgrounds.

## When to use this logo

Use the Poe logo in AI chatbot comparison tables, lists of places where a bot or model is available, LLM provider pickers, and docs for bots and apps built on the Poe API. It pairs naturally with Quora, ChatGPT, Claude, Gemini and Perplexity, and with OpenRouter when you compare multi-model access points.

## Related icons

- [Gemini Notebook](/icons/google-notebooklm.md)
- [Kagi](/icons/kagi.md)
- [Monica](/icons/monica.md)
- [Claude](/icons/claude.md)
- [DeepSeek](/icons/deepseek.md)
- [Google Gemini](/icons/google-gemini.md)
- [LangChain](/icons/langchain.md)
- [Mistral](/icons/mistral-ai.md)

## Browse the catalog
- Previous: [PocketBase](/icons/pocket-base.md)
- Next: [PostCSS](/icons/postcss.md)
- [All icons](/icons.md)