Pixelarticons

Picture In Picture 2 Pixel Art Icon

An alternate picture-in-picture icon for floating media windows, mini-player controls, and overlay video modes.

media Pro 4 variants

Tags

pictureimagephotoin

Style variants

base

Outline · rounded corners

Get Pro

sharp

Outline · sharp corners

Get Pro

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Picture In Picture 2 icon

A second layout for the picture-in-picture concept, perhaps with the small frame in a different corner or with different proportions. Use it when the primary PiP icon is already reserved for one action and a second related action needs its own distinct icon, or when this version's geometry suits the icon grid better. Both versions communicate the same core idea: a video floating inside or over another view.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/picture-in-picture-2.svg" width="24" height="24" alt="Picture In Picture 2" />

<!-- React -->
import { PictureInPicture2 } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="picture-in-picture-2.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons