Action Undo Duotone Icon for Angular

HTML Angular React Vue

<svg [cIcon]="icons.cidActionUndo"></svg>

Check how to use CoreUI Icons in your project

Get this PRO icon

Browse All Icons

About

The action undo duotone icon is fundamental for implementing undo functionality in Angular applications. Use this icon in text editors, graphic design tools, form builders, or any interface requiring action reversal. Perfect for productivity apps, content management systems, and creative tools built with Angular.

The duotone style ensures clear directional indication while maintaining visual consistency across all screen sizes, making it ideal for toolbar buttons in both desktop and mobile Angular applications. This icon integrates seamlessly with CoreUI’s Angular component library.

Common Use Cases

Editor Toolbar

Add undo functionality to text or code editors in your Angular application

Form Reversal

Enable reverting form changes in Angular form builders

Canvas Reversion

Undo drawing or editing actions in graphic tools built with Angular

Best Practices

Disable undo icon when history is empty for clear state indication
Use keyboard shortcut (Ctrl+Z or Cmd+Z) alongside icon
Group with redo icon for complete action history controls

Installation

To start using CoreUI Angular Icons in your project, you need to install it as a dependency. Follow the instructions below based on your package manager of choice:

Using npm

npm install @coreui/icons-pro @coreui/icons-angular

Using yarn

yarn add @coreui/icons-pro @coreui/icons-angular

Usage

Once you have the package installed, you can import and use the icons in your Angular project. Here's a basic example:

import { IconModule } from '@coreui/icons-angular';
import { cidActionUndo } from '@coreui/icons-pro';

// In your component template:
<svg [cIcon]="icons.cidActionUndo"></svg>