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

# Warp

Warp is an AI-powered terminal and agentic development environment with block-based output, a modern input editor and built-in coding agents, for macOS, Linux and Windows.

## At a glance

- **Page**: https://devicons.io/icons/warp/
- **Website**: https://www.warp.dev/
- **Also known as**: Warp Terminal, Warp AI, warp.dev
- **Tags**: [Terminal](/icons/tag/terminal/), [AI](/icons/tag/ai/), [CLI](/icons/tag/cli/), [Developer Tools](/icons/tag/developer-tools/), [Agents](/icons/tag/agents/)
- **Version added**: 1.3.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 |
| --- | --- | --- | --- | --- |
| `warp` | `Warp` | https://devicons.io/devicons/icons/warp.svg | https://devicons.io/devicons/font/warp.svg | `devicons devicons-warp` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

```html
<img src="https://devicons.io/devicons/icons/warp.svg" alt="Warp logo" width="48" height="48" />
```

### Icon font

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

```html
<i class="devicons devicons-warp"></i>
```

## About the Warp logo

The Warp logo is two overlapping, slanted rounded shapes on a black rounded square: a dark blue one (#006CA7) behind and a bright cyan one (#00CBE4) in front.

The black tile blends into dark backgrounds, but the blue shapes stay visible.

## When to use this logo

Use Warp in terminal comparisons, AI coding tool roundups and developer setup guides. It pairs naturally with Ghostty, iTerm2, Alacritty, Tabby and Claude Code.

## Related icons

- [Claude Code](/icons/claude-code.md)
- [Codex](/icons/codex.md)
- [Junie](/icons/junie.md)
- [OpenCode](/icons/opencode.md)
- [Devin](/icons/devin.md)
- [goose](/icons/goose.md)
- [Kiro](/icons/kiro.md)
- [MetaGPT](/icons/metagpt.md)

## Browse the catalog
- Previous: [Walkme](/icons/walkme.md)
- Next: [Watchman](/icons/watchman.md)
- [All icons](/icons.md)