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

# Make

Make is a visual AI automation platform, formerly Integromat, for building no-code workflows that connect thousands of apps, data sources and AI models.

## At a glance

- **Page**: https://devicons.io/icons/make/
- **Website**: https://www.make.com/
- **Brand guidelines**: https://www.make.com/en/brand-guidelines.pdf
- **Also known as**: Make.com, Integromat
- **Tags**: [Automation](/icons/tag/automation/), [Productivity](/icons/tag/productivity/), [AI](/icons/tag/ai/), [Agents](/icons/tag/agents/), [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 |
| --- | --- | --- | --- | --- |
| `make-icon` | `MakeIcon` | https://devicons.io/devicons/icons/make-icon.svg | https://devicons.io/devicons/font/make-icon.svg | `devicons devicons-make-icon` |
| `make` | `Make` | https://devicons.io/devicons/icons/make.svg | https://devicons.io/devicons/font/make.svg | `devicons devicons-make` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

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

### Icon font

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

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

## About the Make logo

The Make symbol is three rounded bars that lean in sequence, like falling dominoes; the source file names the shape "Logo Dominos". The full logo pairs the symbol with a heavy, lowercase "make" wordmark. Both files come from the official logo kit on Make's press page. Integromat became Make in February 2022, after Celonis acquired Integromat in 2020.

The bars use a radial gradient from pink-violet (#F024F6) to purple (#8200FA). The wordmark is black and disappears on dark backgrounds, so use the monochrome version, or the symbol on its own, in dark themes.

## When to use this logo

Use the Make logo in automation tool comparisons, integration and connector directories, "works with" sections, workflow and AI agent diagrams, and docs that explain how to connect an API or webhook to Make scenarios. It pairs naturally with Zapier, n8n, IFTTT, Pipedream and Microsoft Power Automate.

## Related icons

- [Manus](/icons/manus.md)
- [DeepL](/icons/deepl.md)
- [Devin](/icons/devin.md)
- [goose](/icons/goose.md)
- [OpenClaw](/icons/openclaw.md)
- [Zapier](/icons/zapier.md)
- [Claude Code](/icons/claude-code.md)
- [LangChain](/icons/langchain.md)

## Browse the catalog
- Previous: [Mailjet](/icons/mailjet.md)
- Next: [Malina.js](/icons/malinajs.md)
- [All icons](/icons.md)