3d Rotate Linear Icon
<i class="cil-3d-rotate"></i>About
The 3D rotate linear icon represents rotation and orientation controls in web projects. Use this icon for 3D object rotation tools, view angle adjustments, or spatial manipulation features. Ideal for image editors, 3D modeling software, and any web project requiring object transformation controls.
This linear icon clearly communicates rotational functionality while remaining visually distinct at all sizes, perfect for toolbar buttons and control panels in web projects.
Common Use Cases
Rotation Control
Add rotation controls to 3D objects in your web project
View Angle Adjustment
Allow users to change viewing angles in your HTML 3D viewers
Transform Tool
Indicate rotation transformation mode in your HTML 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 Icons in your project, you need to install the package as a dependency. Follow the instructions below based on your package manager of choice:
Using npm
npm install @coreui/icons-proUsing yarn
yarn add @coreui/icons-proUsage
Once you have the package installed, you can use the icons in your project. Here's a basic example:
<i class="cil-3d-rotate"></i>Read the full CoreUI Icons documentation for HTML to see all available usage patterns and options.