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

# Junie

Junie is the AI coding agent from JetBrains that plans and implements code changes from the terminal, JetBrains IDEs, GitHub and GitLab with any LLM.

## At a glance

- **Page**: https://devicons.io/icons/junie/
- **Website**: https://junie.jetbrains.com/
- **Brand guidelines**: https://www.jetbrains.com/company/brand/
- **Also known as**: Junie by JetBrains, JetBrains Junie, Junie CLI
- **Tags**: [AI](/icons/tag/ai/), [Agents](/icons/tag/agents/), [Developer Tools](/icons/tag/developer-tools/), [CLI](/icons/tag/cli/), [IDE](/icons/tag/ide/)
- **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 |
| --- | --- | --- | --- | --- |
| `junie-icon` | `JunieIcon` | https://devicons.io/devicons/icons/junie-icon.svg | https://devicons.io/devicons/font/junie-icon.svg | `devicons devicons-junie-icon` |
| `junie` | `Junie` | https://devicons.io/devicons/icons/junie.svg | https://devicons.io/devicons/font/junie.svg | `devicons devicons-junie` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

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

### Icon font

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

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

## About the Junie logo

The Junie mark is built from two green squares and a curved, J-shaped block arranged around an empty square. The full logo adds a black "Junie" wordmark with a smaller "by JetBrains" line under it. Both files come from JetBrains' official brand logo storage, and the mark matches the icon on junie.jetbrains.com.

The brand green is #48E054. The black wordmark disappears on dark backgrounds, so use the monochrome version, or the mark on its own, in dark themes.

## When to use this logo

Use the Junie logo in AI coding agent comparisons, JetBrains plugin and tooling docs, CI pipelines that run Junie from GitHub or GitLab, and terminal tool lists. It pairs naturally with JetBrains, IntelliJ IDEA and PyCharm, and with other coding agents such as Claude Code, Codex, Devin and Cursor.

## Related icons

- [Codex](/icons/codex.md)
- [Kiro](/icons/kiro.md)
- [OpenCode](/icons/opencode.md)
- [Windsurf](/icons/windsurf.md)
- [Claude Code](/icons/claude-code.md)
- [Cursor](/icons/cursor.md)
- [Cline](/icons/cline.md)
- [Devin](/icons/devin.md)

## Browse the catalog
- Previous: [Julia](/icons/julia.md)
- Next: [JWT](/icons/jwt.md)
- [All icons](/icons.md)