The HugeIcons rotate square icon visually represents the action of rotating or reorienting a square element, commonly used for options related to rotation, orientation, or transformation.
Common uses
- Rotate object/layer
- Change orientation
- Transform controls
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { RotateSquareIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={RotateSquareIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- rotationorientationtransformreorder
FAQ
- What does the rotate square icon represent?
- It signifies actions like rotating an object, changing its orientation, or applying transformations. It's often used in editing tools.
- How do I use the RotateSquareIcon in React?
- Import both HugeiconsIcon and RotateSquareIcon, then render <HugeiconsIcon icon={RotateSquareIcon} />. Ensure you have installed '@hugeicons/react' and '@hugeicons/core-free-icons'.
- What is the license for this icon?
- The RotateSquareIcon from HugeIcons is available under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.