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

# Adobe

Adobe is an American software company that makes Photoshop, Illustrator, Acrobat and other Creative Cloud apps for graphic design, photo editing, video and PDF.

## At a glance

- **Page**: https://devicons.io/icons/adobe/
- **Website**: https://www.adobe.com/
- **License**: https://www.adobe.com/legal/permissions/trademarks.html
- **Also known as**: Adobe Inc., Adobe Systems, Adobe Creative Cloud
- **Tags**: [Design](/icons/tag/design/), [Video](/icons/tag/video/), [Enterprise](/icons/tag/enterprise/), [Productivity](/icons/tag/productivity/)
- **Version added**: 1.2.0

## 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 |
| --- | --- | --- | --- | --- |
| `adobe-icon` | `AdobeIcon` | https://devicons.io/devicons/icons/adobe-icon.svg | https://devicons.io/devicons/font/adobe-icon.svg | `devicons devicons-adobe-icon` |
| `adobe` | `Adobe` | https://devicons.io/devicons/icons/adobe.svg | https://devicons.io/devicons/font/adobe.svg | `devicons devicons-adobe` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

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

### Icon font

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

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

## About the Adobe logo

The Adobe mark is a solid, geometric "A" with a notch cut into its lower right leg. It comes from the 2025 brand refresh by Adobe's in-house team and Mother Design, which moved the long-running negative-space "A" into positive space. The refreshed wordmark uses this "A" as its first letter. It draws on the original 1982 logo by Marva Warnock.

The refresh narrowed the palette to Adobe's signature red, black and white. The red is close to #EB1000, which reads well on both light and dark backgrounds. Adobe's site header uses a black or white version of the wordmark.

## When to use this logo

Use Adobe in creative tool stack diagrams, design and video workflow docs, and integration pages for Creative Cloud, Acrobat or Adobe Experience Cloud APIs. It also fits software comparison tables and onboarding checklists for creative teams. It pairs naturally with Figma, Canva, Affinity and DaVinci Resolve, and with Adobe Firefly in generative AI tool lists.

## Related icons

- [Adobe Firefly](/icons/adobe-firefly.md)
- [Dropmark](/icons/dropmark.md)
- [Google Workspace](/icons/google-workspace.md)
- [Krea](/icons/krea.md)
- [Panda](/icons/panda.md)
- [Runway](/icons/runway.md)
- [Figma](/icons/figma.md)
- [Notion](/icons/notion.md)

## Browse the catalog
- Previous: [360 Zhinao](/icons/ai360.md)
- Next: [Adobe Firefly](/icons/adobe-firefly.md)
- [All icons](/icons.md)