Picture In Picture icon
Microsoft uses it in layered video scenarios for dual videos, or for minimizing video on top of other ui. The Picture In Picture icon is tagged screen, multiple and video. Similar Fluent icons include Picture In Picture Enter, Picture In Picture Exit and Tablet.
Every size and style
Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.
Regular, 24 px
ic_fluent_picture_in_picture_24_regular.svg
Picture In Picture icon in React
npm install @fluentui/react-icons
import { PictureInPicture24Regular } from "@fluentui/react-icons";
export function Example() {
return <PictureInPicture24Regular aria-label="Picture In Picture" />;
}Use the Picture In Picture icon in React
Import PictureInPicture24Regular and PictureInPicture24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.
Details
| Name | Picture In Picture |
|---|---|
| Styles | Regular (outlined), Filled, Light |
| Sizes | 16 px, 20 px, 24 px, 28 px, 32 px |
| Regular (outlined) file | ic_fluent_picture_in_picture_24_regular.svg |
| Filled file | ic_fluent_picture_in_picture_24_filled.svg |
| React (Regular) | PictureInPicture16Regular, PictureInPicture20Regular, PictureInPicture24Regular, PictureInPicture28Regular, PictureInPicture32Regular |
| React (Filled) | PictureInPicture16Filled, PictureInPicture20Filled, PictureInPicture24Filled, PictureInPicture28Filled, PictureInPicture32Filled |
| React (Light) | PictureInPicture32Light |
| Font glyph (Regular, 24 px) | U+F5FE ·  |
| Font glyph (Filled, 24 px) | U+F608 ·  |
| License | MIT (© Microsoft Corporation) |
Keywords
Also in Material Symbols
Picture In PictureGoogle's version of this icon, on Materialicons