picture_in_picture

Picture In Picture icon · Material Symbols

picture_in_picture

Google tags picture_in_picture with media controls, crop and multitasking. It's in Google's Communicate category; similar symbols include Picture In Picture Large, Picture In Picture Alt and Picture In Picture Mobile. MUI ships it as PictureInPictureIcon, and Fluent's closest match is Picture In Picture.

Outlined

Outlined, filled

GetillustrationsSponsor130,000+ illustrations & icons by real designers

Make Your Icons MoveSponsorBring your UI to life with customizable animated icons for web & apps.

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

Every style, fill and weight

Material Symbols are variable: each icon comes in three styles, with or without fill, at seven weights. Pick a combination to preview it, download it, or copy the code for your platform.

GradeOptical size

Outlined, unfilled, weight 400

picture_in_picture_outlined_fill0_wght400.svg

Load the Material Symbols font from Google Fonts (this link loads just this icon), then use the icon's name as text.

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=picture_in_picture" />

<span class="material-symbols-outlined">picture_in_picture</span>

Details

Name	Picture In Picture
Ligature	`picture_in_picture`
Unicode	`U+E8AA`
HTML entity	``
CSS content	`"\e8aa"`
Category	Communicate
Styles	Outlined, Rounded, Sharp — each unfilled or filled
Weights	100, 200, 300, 400, 500, 600, 700
Files	`@material-symbols/svg-400/outlined/picture_in_picture.svg`, `picture_in_picture-fill.svg`
Flutter	`Symbols.picture_in_picture` (Material Icons: `Icons.picture_in_picture`)
MUI component	`PictureInPictureIcon`
MUI import	`import PictureInPictureIcon from "@mui/icons-material/PictureInPicture"`
Popularity	#1,462 of 3,927 Material Symbols by use
License	Apache License 2.0 (© Google LLC)