3d Rotate Duotone Icon for Angular

HTML Angular React Vue

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

Check how to use CoreUI Icons in your project

Get this PRO icon

Browse All Icons

About

The 3D rotate duotone icon represents rotation and orientation controls in Angular 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 Angular 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 Angular applications.

Common Use Cases

Rotation Control

Add rotation controls to 3D objects in your Angular application

View Angle Adjustment

Allow users to change viewing angles in Angular 3D viewers

Transform Tool

Indicate rotation transformation mode in Angular 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 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 { cid3dRotate } from '@coreui/icons-pro';

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