Action Undo Duotone Icon for React
<CIcon icon={cidActionUndo} />About
The action undo duotone icon is fundamental for implementing undo functionality in React 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 React.
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 React applications. This icon integrates seamlessly with CoreUI’s React component library.
Common Use Cases
Editor Toolbar
Add undo functionality to text or code editors in your React application
Form Reversal
Enable reverting form changes in React form builders
Canvas Reversion
Undo drawing or editing actions in graphic tools built with React
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 React 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-reactUsing yarn
yarn add @coreui/icons-pro @coreui/icons-reactUsage
Once you have the package installed, you can import and use the icons in your React project. Here's a basic example:
import { CIcon } from '@coreui/icons-react';
import { cidActionUndo } from '@coreui/icons-pro';
<CIcon icon={cidActionUndo} />Read the full CoreUI React Icon component documentation to see the complete API and integration guide.