The HugeIcons screen rotation icon visually represents the action of changing a device's screen orientation, commonly used to indicate or control portrait or landscape modes.
Common uses
- Toggle between portrait and landscape view
- Indicate current screen orientation
- Settings for display orientation
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ScreenRotationIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ScreenRotationIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- orientationrotatescreen layoutdevice rotation
FAQ
- What does the screen rotation icon represent?
- It depicts the act of rotating a screen, typically used to switch between portrait and landscape display modes on devices.
- How do I use the ScreenRotationIcon in React?
- Import both HugeiconsIcon and ScreenRotationIcon, then render it using <HugeiconsIcon icon={ScreenRotationIcon} />.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →