Monitor Smartphone Pixel Art Icon
A monitor and smartphone together for responsive design previews, cross-device compatibility, and multi-screen layout tools.
Tags
monitorscreendisplaydesktopsmartphone
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Monitor Smartphone icon
A desktop monitor shown alongside a smartphone, representing responsive design, cross-device compatibility, or a multi-screen workflow. Use it on a 'Preview on all devices' button in a web design tool, a section header for responsive layout settings, or a compatibility indicator showing a product works on both desktop and mobile. It communicates the desktop-plus-mobile pairing efficiently in one icon. For tablet-inclusive layouts, adding a tablet to the composition would require a different multi-device icon.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/monitor-smartphone.svg" width="24" height="24" alt="Monitor Smartphone" />
<!-- React -->
import { MonitorSmartphone } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="monitor-smartphone.svg" width="48" height="48" style="image-rendering: pixelated" />