The Lucide picture in picture icon visually represents a smaller video window overlaid on a larger screen, commonly used to enable video playback while multitasking.
Common uses
- Enabling picture-in-picture mode for video players
- Displaying a floating chat window
- Showing a small preview of a camera feed
Use it in React
Install
npm i lucide-reactImport & render
import { PictureInPicture } from 'lucide-react';
<PictureInPicture size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- displayplayvideopop outalways on topwindowinsetmultitaskpictureinpop out videofloating windowpip modeinset display
FAQ
- What does the picture-in-picture icon signify?
- It signifies the ability to view content, typically video, in a small, floating window that remains visible over other applications.
- How do I use this icon in React?
- You can import and use it like this: import { PictureInPicture } from 'lucide-react'. Then render it as <PictureInPicture />.
- What is the license for this icon?
- The Lucide icon library, including this icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →