The HugeIcons picture in picture exit icon depicts the action of closing a picture-in-picture mode, commonly used to indicate a button that returns the user to the main viewing experience.
Common uses
- Exit picture-in-picture mode
- Close floating video window
- Return to full screen
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { PictureInPictureExitIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={PictureInPictureExitIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- exit pipclose picture in picturepicture in picture closepip exit
FAQ
- What does the picture in picture exit icon represent?
- This icon visually signifies the action of exiting a picture-in-picture viewing mode, allowing users to close a small, overlayed video window and return to the primary content or application view.
- How do I use this icon in a React application?
- Import the icon component and use it within the HugeiconsIcon wrapper like this: import { HugeiconsIcon } from '@hugeicons/react'; import { PictureInPictureExitIcon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={PictureInPictureExitIcon} />.
- What is the license for this icon?
- This icon 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 →