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

# Kiro

Kiro is an agentic AI IDE and CLI from Amazon Web Services (AWS) that turns prompts into specs, designs and tasks, then implements them with AI coding agents.

## At a glance

- **Page**: https://devicons.io/icons/kiro/
- **Website**: https://kiro.dev/
- **License**: https://kiro.dev/license/
- **Also known as**: Kiro IDE, Kiro CLI, AWS Kiro, Amazon Kiro
- **Tags**: [AI](/icons/tag/ai/), [IDE](/icons/tag/ide/), [Editor](/icons/tag/editor/), [Agents](/icons/tag/agents/), [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 |
| --- | --- | --- | --- | --- |
| `kiro-icon` | `KiroIcon` | https://devicons.io/devicons/icons/kiro-icon.svg | https://devicons.io/devicons/font/kiro-icon.svg | `devicons devicons-kiro-icon` |
| `kiro` | `Kiro` | https://devicons.io/devicons/icons/kiro.svg | https://devicons.io/devicons/font/kiro.svg | `devicons devicons-kiro` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

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

### Icon font

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

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

## About the Kiro logo

The Kiro mark is a small white ghost with two black oval eyes, set on a rounded purple square. The full logo pairs the mark with an outlined, rounded "KIRO" wordmark in capital letters. The mark comes from the vector icon served on kiro.dev, and the wordmark matches the wordmark image used on kiro.dev.

The brand purple is #9046FF. On kiro.dev the wordmark is drawn in white on a dark page. This lockup uses a black wordmark for light backgrounds, so on dark backgrounds use the monochrome version or the mark on its own.

## When to use this logo

Use the Kiro logo in AI coding tool comparisons, IDE and editor pickers, developer surveys, and docs that explain spec-driven development or how to set up Kiro with your repositories. It pairs naturally with Cursor, Windsurf, VS Code, Claude Code and GitHub Copilot, and with AWS in diagrams that show where Kiro fits in an AWS stack.

## Related icons

- [Windsurf](/icons/windsurf.md)
- [Cursor](/icons/cursor.md)
- [Junie](/icons/junie.md)
- [TRAE](/icons/trae.md)
- [Cline](/icons/cline.md)
- [Codex](/icons/codex.md)
- [Devin](/icons/devin.md)
- [MetaGPT](/icons/metagpt.md)

## Browse the catalog
- Previous: [Kirby](/icons/kirby.md)
- Next: [Kling AI](/icons/kling.md)
- [All icons](/icons.md)