Picture In Picture
Picture In Picture is an icon for Media interfaces, available in four styles.
MediaAdded Oct 17, 2026
16
20
24
32
48
Size48px
WeightRegular
import { PictureInPicture } from '@/components/icons/picture-in-picture'
<PictureInPicture size={48} />Related icons
All Media iconsTagspicture in picturepipmini playerfloating videooverlay
Props
Every icon takes the same props. Set them once for a whole tree with IconProvider.
| Prop | Type | Default | What it does |
|---|---|---|---|
| size | number | string | 24 | Width and height in pixels. |
| weight | 'thin' | 'light' | 'regular' | 'bold' | 'extrabold' | 'regular' | Line weight; it scales with the size. Line and Duotone only. |
| color | string | currentColor | Follows the text colour unless set. |
| className | string | - | Any utility class, passed to the svg. |
Install this icon alone: npx shadcn@latest add @aicanvas/icon-picture-in-picture