The HugeIcons change screen mode icon visually represents the action of switching between different display modes, commonly used for toggling between light and dark themes or full-screen views.
Common uses
- Toggle dark/light mode
- Enter/exit full-screen
- Switch display settings
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ChangeScreenModeIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ChangeScreenModeIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- display modetheme switchscreen settingsview toggle
FAQ
- What is the purpose of the change screen mode icon?
- This icon is used to indicate and trigger a change in the screen's display mode, such as switching between light and dark themes or entering/exiting a full-screen view.
- How do I use the ChangeScreenModeIcon in React?
- Import both HugeiconsIcon and ChangeScreenModeIcon from their respective packages, then render the icon using <HugeiconsIcon icon={ChangeScreenModeIcon} />.
- What is the license for this icon?
- The ChangeScreenModeIcon is distributed 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.
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 →