The HugeIcons full screen icon visually represents expanding content to occupy the entire display area, commonly used to initiate or exit a maximized view.
Common uses
- Entering/exiting video player fullscreen
- Expanding an image to full view
- Toggling a modal or panel to occupy the screen
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { FullScreenIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={FullScreenIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- expandmaximizefullscreenenter fullscreen
FAQ
- What is the full screen icon used for?
- It's used to indicate and control the action of making an element or content take up the entire screen, often for an immersive viewing experience.
- How do I use the FullScreenIcon in React?
- Import both HugeiconsIcon and FullScreenIcon, then render <HugeiconsIcon icon={FullScreenIcon} />.
- What is the license for this icon?
- The HugeIcons library, including the FullScreenIcon, is available under the MIT license.
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 →