John KuehJohn Kueh

picture in picture exit icon

HugeIcons · PictureInPictureExitIcon · MIT

Download SVG

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-icons
Import & 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 →