Gentleface › Devices & hardware › monitors

monitors icon

Monitors: multi monitor, dual screen, extend display, dual monitor. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M13.736 1.14C13.993 1.242 14.219 1.391 14.414 1.586C14.609 1.781 14.758 2.007 14.86 2.264C14.953 2.5 15 2.746 15 3L15 7C15 7.418 14.88 7.799 14.641 8.143C14.402 8.486 14.086 8.731 13.694 8.876C13.562 8.925 13.434 8.921 13.31 8.864C13.187 8.807 13.1 8.712 13.051 8.58C13.003 8.448 13.007 8.32 13.063 8.197C13.12 8.073 13.215 7.987 13.347 7.938C13.543 7.865 13.701 7.743 13.821 7.571C13.94 7.4 14 7.209 14 7L14 3C14 2.724 13.902 2.488 13.707 2.293C13.512 2.098 13.276 2 13 2L6 2C5.791 2 5.6 2.06 5.429 2.179C5.257 2.299 5.135 2.457 5.062 2.653C5.014 2.783 4.928 2.876 4.802 2.934C4.677 2.992 4.549 2.996 4.42 2.949C4.288 2.9 4.193 2.813 4.136 2.69C4.079 2.566 4.075 2.438 4.124 2.306C4.269 1.914 4.514 1.598 4.857 1.359C5.201 1.12 5.582 1 6 1L13 1C13.254 1 13.5 1.047 13.736 1.14ZM11.414 11.414C11.219 11.609 10.993 11.758 10.736 11.86C10.5 11.953 10.254 12 10 12L3 12C2.746 12 2.5 11.953 2.264 11.86C2.007 11.758 1.781 11.609 1.586 11.414C1.391 11.219 1.242 10.993 1.14 10.736C1.047 10.5 1 10.254 1 10L1 6C1 5.746 1.047 5.5 1.14 5.264C1.242 5.007 1.391 4.781 1.586 4.586C1.781 4.391 2.007 4.242 2.264 4.14C2.5 4.047 2.746 4 3 4L10 4C10.254 4 10.5 4.047 10.736 4.14C10.993 4.242 11.219 4.391 11.414 4.586C11.609 4.781 11.758 5.007 11.86 5.264C11.953 5.5 12 5.746 12 6L12 10C12 10.254 11.953 10.5 11.86 10.736C11.758 10.993 11.609 11.219 11.414 11.414ZM3 11L10 11C10.276 11 10.512 10.902 10.707 10.707C10.902 10.512 11 10.276 11 10L11 6C11 5.724 10.902 5.488 10.707 5.293C10.512 5.098 10.276 5 10 5L3 5C2.724 5 2.488 5.098 2.293 5.293C2.098 5.488 2 5.724 2 6L2 10C2 10.276 2.098 10.512 2.293 10.707C2.488 10.902 2.724 11 3 11ZM5.856 13.144C5.952 13.241 6 13.359 6 13.5L6 14L7 14L7 13.5C7 13.359 7.048 13.241 7.144 13.144C7.241 13.048 7.359 13 7.5 13C7.641 13 7.759 13.048 7.856 13.144C7.952 13.241 8 13.359 8 13.5L8 14L8.5 14C8.641 14 8.759 14.048 8.856 14.144C8.952 14.241 9 14.359 9 14.5C9 14.641 8.952 14.759 8.856 14.856C8.759 14.952 8.641 15 8.5 15L4.5 15C4.359 15 4.241 14.952 4.144 14.856C4.048 14.759 4 14.641 4 14.5C4 14.359 4.048 14.241 4.144 14.144C4.241 14.048 4.359 14 4.5 14L5 14L5 13.5C5 13.359 5.048 13.241 5.144 13.144C5.241 13.048 5.359 13 5.5 13C5.641 13 5.759 13.048 5.856 13.144Z"/></svg>

React

// Gentleface "monitors" (line-round), MIT. https://gentleface.com/icons/monitors
import type { SVGProps } from 'react';

export function MonitorsIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M13.736 1.14C13.993 1.242 14.219 1.391 14.414 1.586C14.609 1.781 14.758 2.007 14.86 2.264C14.953 2.5 15 2.746 15 3L15 7C15 7.418 14.88 7.799 14.641 8.143C14.402 8.486 14.086 8.731 13.694 8.876C13.562 8.925 13.434 8.921 13.31 8.864C13.187 8.807 13.1 8.712 13.051 8.58C13.003 8.448 13.007 8.32 13.063 8.197C13.12 8.073 13.215 7.987 13.347 7.938C13.543 7.865 13.701 7.743 13.821 7.571C13.94 7.4 14 7.209 14 7L14 3C14 2.724 13.902 2.488 13.707 2.293C13.512 2.098 13.276 2 13 2L6 2C5.791 2 5.6 2.06 5.429 2.179C5.257 2.299 5.135 2.457 5.062 2.653C5.014 2.783 4.928 2.876 4.802 2.934C4.677 2.992 4.549 2.996 4.42 2.949C4.288 2.9 4.193 2.813 4.136 2.69C4.079 2.566 4.075 2.438 4.124 2.306C4.269 1.914 4.514 1.598 4.857 1.359C5.201 1.12 5.582 1 6 1L13 1C13.254 1 13.5 1.047 13.736 1.14ZM11.414 11.414C11.219 11.609 10.993 11.758 10.736 11.86C10.5 11.953 10.254 12 10 12L3 12C2.746 12 2.5 11.953 2.264 11.86C2.007 11.758 1.781 11.609 1.586 11.414C1.391 11.219 1.242 10.993 1.14 10.736C1.047 10.5 1 10.254 1 10L1 6C1 5.746 1.047 5.5 1.14 5.264C1.242 5.007 1.391 4.781 1.586 4.586C1.781 4.391 2.007 4.242 2.264 4.14C2.5 4.047 2.746 4 3 4L10 4C10.254 4 10.5 4.047 10.736 4.14C10.993 4.242 11.219 4.391 11.414 4.586C11.609 4.781 11.758 5.007 11.86 5.264C11.953 5.5 12 5.746 12 6L12 10C12 10.254 11.953 10.5 11.86 10.736C11.758 10.993 11.609 11.219 11.414 11.414ZM3 11L10 11C10.276 11 10.512 10.902 10.707 10.707C10.902 10.512 11 10.276 11 10L11 6C11 5.724 10.902 5.488 10.707 5.293C10.512 5.098 10.276 5 10 5L3 5C2.724 5 2.488 5.098 2.293 5.293C2.098 5.488 2 5.724 2 6L2 10C2 10.276 2.098 10.512 2.293 10.707C2.488 10.902 2.724 11 3 11ZM5.856 13.144C5.952 13.241 6 13.359 6 13.5L6 14L7 14L7 13.5C7 13.359 7.048 13.241 7.144 13.144C7.241 13.048 7.359 13 7.5 13C7.641 13 7.759 13.048 7.856 13.144C7.952 13.241 8 13.359 8 13.5L8 14L8.5 14C8.641 14 8.759 14.048 8.856 14.144C8.952 14.241 9 14.359 9 14.5C9 14.641 8.952 14.759 8.856 14.856C8.759 14.952 8.641 15 8.5 15L4.5 15C4.359 15 4.241 14.952 4.144 14.856C4.048 14.759 4 14.641 4 14.5C4 14.359 4.048 14.241 4.144 14.144C4.241 14.048 4.359 14 4.5 14L5 14L5 13.5C5 13.359 5.048 13.241 5.144 13.144C5.241 13.048 5.359 13 5.5 13C5.641 13 5.759 13.048 5.856 13.144Z" />
    </svg>
  );
}

Vue

Vue: see /icons/monitors.md

Svelte

Svelte: see /icons/monitors.md

HTML img

HTML img: see /icons/monitors.md

CSS

CSS: see /icons/monitors.md

Data URL

Data URL: see /icons/monitors.md

Sprite

Sprite: see /icons/monitors.md

SwiftUI

SwiftUI: see /icons/monitors.md

Compose

Compose: see /icons/monitors.md

Android XML

Android XML: see /icons/monitors.md

Flutter

Flutter: see /icons/monitors.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

multi monitor, dual screen, extend display, dual monitor, multiple displays, second screen

Alternatives

devices: different kinds of devices (multi-device)

Also fits

devices: several monitors on one computer (multi-monitor)
monitor: several monitors (multi-monitor)

Tags

monitors, displays, screens, dual-monitor, multi-monitor, dual-screen, second-screen, extend, desktop, setup, multiple-monitors, multiple-displays, workstation

Category

Devices & hardware

Component name

MonitorsIcon

History

2026-10-19 added

More devices & hardware icons

backspace battery battery-alert battery-charging battery-check battery-full battery-low battery-medium battery-saver cable circuit-board cpu cpu-sparkle desktop-tower devices flashlight · all devices & hardware icons

For agents

Metadata: /icons/monitors.json · Markdown: /icons/monitors.md · SVG: https://gentleface.com/svg/{style}/16/monitors.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/monitors.png

monitors icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More devices & hardware icons

For agents

monitors icon