The HugeIcons minimize screen icon visually represents the action of reducing a window or element to its smallest state, typically used to temporarily hide content or return to a previous view.
Common uses
- Collapsing a sidebar menu
- Minimizing a modal window
- Reducing a video player to a thumbnail
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { MinimizeScreenIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={MinimizeScreenIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- collapsereduceshrinkclose to tray
FAQ
- What does the minimize screen icon represent?
- It signifies the action of making a window or element smaller, often to hide it temporarily or return to a previous state.
- How do I use the MinimizeScreenIcon in React?
- Import both HugeiconsIcon and MinimizeScreenIcon, then render <HugeiconsIcon icon={MinimizeScreenIcon} />.
- 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 →