3d Rotate Duotone Icon for React
<CIcon icon={cid3dRotate} />About
The 3D rotate duotone icon represents rotation and orientation controls in React applications. Use this icon for 3D object rotation tools, view angle adjustments, or spatial manipulation features. Ideal for image editors, 3D modeling software, and any React application requiring object transformation controls.
This duotone icon clearly communicates rotational functionality while remaining visually distinct at all sizes, perfect for toolbar buttons and control panels in React applications.
Common Use Cases
Rotation Control
Add rotation controls to 3D objects in your React application
View Angle Adjustment
Allow users to change viewing angles in React 3D viewers
Transform Tool
Indicate rotation transformation mode in React editors
Best Practices
- Combine with drag interactions for intuitive rotation
- Show active state when rotation mode is enabled
- Include keyboard shortcuts for power users
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 { cid3dRotate } from '@coreui/icons-pro';
<CIcon icon={cid3dRotate} />Read the full CoreUI React Icon component documentation to see the complete API and integration guide.