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

# Ideogram

Ideogram is an AI image generation platform and text-to-image model family known for legible typography in images, with open 4.x models and an API.

## At a glance

- **Page**: https://devicons.io/icons/ideogram/
- **Website**: https://ideogram.ai/
- **Also known as**: Ideogram AI, Ideogram, Inc., ideogram.ai
- **Tags**: [AI](/icons/tag/ai/), [Image Generation](/icons/tag/image-generation/), [Generative AI](/icons/tag/generative-ai/), [Design](/icons/tag/design/), [API](/icons/tag/api/)
- **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 |
| --- | --- | --- | --- | --- |
| `ideogram-icon` | `IdeogramIcon` | https://devicons.io/devicons/icons/ideogram-icon.svg | https://devicons.io/devicons/font/ideogram-icon.svg | `devicons devicons-ideogram-icon` |
| `ideogram` | `Ideogram` | https://devicons.io/devicons/icons/ideogram.svg | https://devicons.io/devicons/font/ideogram.svg | `devicons devicons-ideogram` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

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

### Icon font

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

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

## About the Ideogram logo

The Ideogram mark is a symmetrical, stylized brain built from rounded, lobe-like curves, with a subtle "I" in the negative space at its center. The full logo pairs it with a serif "Ideogram" wordmark. The identity was created by the agency How&How and covered by Creative Review in June 2026. The new mark flips the brain shape of Ideogram's earlier logo. Both files come from the logo SVG in the ideogram.ai site header.

Both the mark and the wordmark are a deep purple-black (#272038). They have very little contrast on dark backgrounds, so use the monochrome version in dark themes.

## When to use this logo

Use the Ideogram logo in text-to-image model comparisons, AI design tool directories, image generation API pickers, and docs for SDK or MCP integrations that call the Ideogram API. It works well wherever typography in generated images matters. It pairs naturally with Midjourney, FLUX, Stable Diffusion, Recraft and OpenAI's image models.

## Related icons

- [Adobe Firefly](/icons/adobe-firefly.md)
- [DeepAI](/icons/deepai.md)
- [Krea](/icons/krea.md)
- [Lovart](/icons/lovart.md)
- [Luma](/icons/luma.md)
- [Meshy](/icons/meshy.md)
- [Midjourney](/icons/midjourney.md)
- [Nano Banana](/icons/nanobanana.md)

## Browse the catalog
- Previous: [IBM](/icons/ibm.md)
- Next: [IEEE](/icons/ieee.md)
- [All icons](/icons.md)