picture-in-picture

Picture In Picture icon · Lucide · <PictureInPicture />

picture-in-picture

Lucide tags picture-in-picture with pop out, always on top and inset. It's in Lucide's Multimedia category; similar icons include Picture In Picture 2, Monitor Play and Monitor Pause. The matching icons are Picture In Picture in Microsoft's Fluent icons and picture_in_picture in Google's Material Symbols.

24 px, stroke 2

picture-in-picture.svg

Size, stroke and code

Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.

Stroke width

Size

npm install lucide-react

import { PictureInPicture } from "lucide-react";

export function Example() {
  return <PictureInPicture />;
}

Xceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Details

Name	`picture-in-picture`
Component	`PictureInPicture` (also `PictureInPictureIcon`, `LucidePictureInPicture`)
Category	Multimedia
Icon font	`icon-picture-in-picture`, `U+E3AE`
CSS content	`"\e3ae"`
File	`lucide-static/icons/picture-in-picture.svg`
Grid and stroke	24 × 24, 2 px stroke, round caps and joins
License	ISC License (© Lucide Icons and Contributors)