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

# Krea

Krea is a creative AI platform for generating, editing and upscaling images and video, bringing 150+ image, video, audio and 3D models into one suite.

## At a glance

- **Page**: https://devicons.io/icons/krea/
- **Website**: https://www.krea.ai/
- **License**: https://www.krea.ai/terms
- **Brand guidelines**: https://www.krea.ai/press
- **Also known as**: Krea AI, Krea.ai
- **Tags**: [AI](/icons/tag/ai/), [Image Generation](/icons/tag/image-generation/), [Video](/icons/tag/video/), [Design](/icons/tag/design/)
- **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 |
| --- | --- | --- | --- | --- |
| `krea` | `Krea` | https://devicons.io/devicons/icons/krea.svg | https://devicons.io/devicons/font/krea.svg | `devicons devicons-krea` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

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

### Icon font

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

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

## About the Krea logo

The Krea mark is a stylized "K" built from four rounded, organic shapes that read like blobs or pebbles. This file is the official Krea mark from the Krea press kit, which asks you to use the logos as provided. The press kit offers no separate wordmark for the Krea brand.

Krea describes its palette as "black and white first": black (#000000) and white (#FFFFFF), plus a range of greys. The black mark disappears on dark backgrounds, so use the monochrome version in dark themes.

## When to use this logo

Use the Krea logo in AI image and video generator comparisons, creative tool stacks, model hub listings, and docs for Krea's API, MCP server or its Photoshop, Premiere Pro, After Effects and Blender plugins. Because the mark is compact and square, it fits well in provider pickers, integration grids and app sidebars. It pairs naturally with Midjourney, Runway, Luma, Ideogram and Flux.

## Related icons

- [Adobe Firefly](/icons/adobe-firefly.md)
- [ComfyUI](/icons/comfyui.md)
- [DeepAI](/icons/deepai.md)
- [Hailuo AI](/icons/hailuo.md)
- [Ideogram](/icons/ideogram.md)
- [Kling AI](/icons/kling.md)
- [Lovart](/icons/lovart.md)
- [Luma](/icons/luma.md)

## Browse the catalog
- Previous: [Kotlin](/icons/kotlin.md)
- Next: [Ktor](/icons/ktor.md)
- [All icons](/icons.md)