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

# Adobe Animate

Adobe Animate is Adobe's 2D vector animation app, formerly Flash Professional, for character animation, HTML5 Canvas, interactive content and video export.

## At a glance

- **Page**: https://devicons.io/icons/adobe-animate/
- **Website**: https://www.adobe.com/products/animate.html
- **License**: https://www.adobe.com/legal/permissions/trademarks.html
- **Also known as**: Animate, Adobe Animate CC, Flash Professional, Adobe Flash Professional
- **Tags**: [Adobe](/icons/tag/adobe/), [Animation](/icons/tag/animation/), [Design](/icons/tag/design/), [Graphics](/icons/tag/graphics/), [2D](/icons/tag/2d/)
- **Version added**: 1.3.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-animate` | `AdobeAnimate` | https://devicons.io/devicons/icons/adobe-animate.svg | https://devicons.io/devicons/font/adobe-animate.svg | `devicons devicons-adobe-animate` |

## Install and use

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

### React

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

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

### Vue

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

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

### Svelte

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

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

### Raw SVG

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

### Icon font

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

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

## About the Adobe Animate logo

The Animate icon is a dark navy rounded square (#00005B) with the letters "An" in lavender (#9999FF). It follows Adobe's app icon system of a two-letter mnemonic on a dark tile, and shares its colour pair with After Effects and Premiere Pro, Adobe's other video and motion apps.

Adobe planned to discontinue Animate in February 2026, then reversed the decision and kept it available in maintenance mode, with bug and security fixes but no new features.

The navy tile blends into very dark backgrounds, but the lavender letters stay legible.

## When to use this logo

Use Adobe Animate in animation tool comparisons, Flash-to-HTML5 migration guides, motion design workflow diagrams and .fla file-type icons. It pairs naturally with Adobe After Effects, Adobe Illustrator, Adobe Premiere Pro, Blender and Figma.

## Related icons

- [Adobe Illustrator](/icons/adobe-illustrator.md)
- [Adobe Photoshop](/icons/adobe-photoshop.md)
- [Adobe After Effects](/icons/adobe-after-effects.md)
- [Adobe](/icons/adobe.md)
- [Adobe Acrobat](/icons/adobe-acrobat.md)
- [Adobe Firefly](/icons/adobe-firefly.md)
- [Adobe Premiere Pro](/icons/adobe-premiere-pro.md)
- [Svgator](/icons/svgator.md)

## Browse the catalog
- Previous: [Adobe After Effects](/icons/adobe-after-effects.md)
- Next: [Adobe Firefly](/icons/adobe-firefly.md)
- [All icons](/icons.md)