Action Redo Duotone Icon for Angular

HTML Angular React Vue

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

Check how to use CoreUI Icons in your project

Get this PRO icon

Browse All Icons

About

The action redo duotone icon is fundamental for implementing redo functionality in Angular applications. Use this icon in text editors, graphic design tools, form builders, or any interface requiring action history management. 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 redo functionality to text or code editors in your Angular application

Form History

Enable redo for form changes in Angular form builders

Canvas Actions

Restore previously undone actions in graphic editors built with Angular

Best Practices

Disable redo icon when redo stack is empty for clear state indication
Use keyboard shortcut (Ctrl+Y or Cmd+Shift+Z) alongside icon
Group with undo icon for intuitive 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 { cidActionRedo } from '@coreui/icons-pro';

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