picture in picture on icon

Common uses

• Indicate active PiP mode
• Control PiP playback
• Toggle PiP feature

Use it in React

npm i @hugeicons/react @hugeicons/core-free-icons

import { HugeiconsIcon } from '@hugeicons/react';
import { PictureInPictureOnIcon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={PictureInPictureOnIcon} size={24} strokeWidth={1.5} />

Details

Library

HugeIcons (5,121 icons)

License

MIT

viewBox

0 0 24 24

Keywords

picture in picturepip modevideo overlayfloating window

FAQ

What does the PictureInPictureOnIcon represent?

This icon signifies that the Picture-in-Picture mode is currently enabled or active. It's often used to show that media is playing in a small, floating window.

How do I use this icon in React?

Import the icon component and use it within the HugeiconsIcon wrapper like this: import { HugeiconsIcon } from '@hugeicons/react'; import { PictureInPictureOnIcon } from '@hugeicons/core-free-icons'; render <HugeiconsIcon icon={PictureInPictureOnIcon} />.

What is the license for this icon?

The HugeIcons library, including this icon, is distributed under the MIT license.

Related icons

The same idea in other libraries, and near matches in HugeIcons.