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

# Zed

Zed is a high-performance, open-source code editor written in Rust by the creators of Atom and Tree-sitter, with real-time collaboration and built-in AI agents.

## At a glance

- **Page**: https://devicons.io/icons/zed/
- **Website**: https://zed.dev/
- **Also known as**: Zed Editor, Zed Industries, zed.dev
- **Tags**: [Editor](/icons/tag/editor/), [IDE](/icons/tag/ide/), [Rust](/icons/tag/rust/), [Open Source](/icons/tag/open-source/), [AI](/icons/tag/ai/)
- **Version added**: 1.3.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 |
| --- | --- | --- | --- | --- |
| `zed` | `Zed` | https://devicons.io/devicons/icons/zed.svg | https://devicons.io/devicons/font/zed.svg | `devicons devicons-zed` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

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

### Icon font

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

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

## About the Zed logo

The Zed logo is a square outline in thick black lines with a stylised "Z" nested inside it. A diagonal stroke runs corner to corner, and the lines break and turn like a maze.

The black logo disappears on dark surfaces, so use the monochrome version in white there.

## When to use this logo

Use Zed in code editor comparisons, Rust tooling docs, AI coding tool roundups and developer setup guides. It pairs naturally with Visual Studio Code, Cursor, Neovim and Rust.

## Related icons

- [Cursor](/icons/cursor.md)
- [Kiro](/icons/kiro.md)
- [TRAE](/icons/trae.md)
- [Windsurf](/icons/windsurf.md)
- [DeepSeek](/icons/deepseek.md)
- [Hugging Face](/icons/hugging-face.md)
- [Vim](/icons/vim.md)
- [Visual Studio Code](/icons/visual-studio-code.md)

## Browse the catalog
- Previous: [Zapier](/icons/zapier.md)
- Next: [Zen Browser](/icons/zen-browser.md)
- [All icons](/icons.md)