Gentleface › Devices & hardware › remote-control

remote-control icon

Remote control: remote control, tv remote, ir remote, media remote. 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="M7.5 1C8.366 1 9.185 1.194 9.96 1.581C10.734 1.968 11.381 2.508 11.9 3.2C11.985 3.313 12.017 3.436 11.998 3.571C11.979 3.706 11.913 3.815 11.8 3.9C11.69 3.983 11.566 4.015 11.429 3.995C11.293 3.975 11.183 3.91 11.1 3.8C10.675 3.233 10.146 2.792 9.512 2.475C8.879 2.158 8.208 2 7.5 2C6.792 2 6.121 2.158 5.488 2.475C4.854 2.792 4.325 3.233 3.9 3.8C3.815 3.913 3.706 3.979 3.571 3.998C3.436 4.017 3.313 3.985 3.2 3.9C3.087 3.815 3.021 3.706 3.002 3.571C2.983 3.436 3.015 3.313 3.1 3.2C3.619 2.508 4.266 1.968 5.04 1.581C5.815 1.194 6.634 1 7.5 1ZM6.158 4.317C6.581 4.106 7.028 4 7.5 4C7.972 4 8.419 4.106 8.842 4.317C9.264 4.528 9.617 4.822 9.9 5.2C9.983 5.31 10.014 5.434 9.995 5.571C9.975 5.707 9.91 5.817 9.8 5.9C9.69 5.983 9.566 6.015 9.429 5.995C9.293 5.975 9.183 5.91 9.1 5.8C8.911 5.548 8.676 5.352 8.394 5.211C8.113 5.07 7.815 5 7.5 5C7.185 5 6.887 5.07 6.606 5.211C6.324 5.352 6.089 5.548 5.9 5.8C5.817 5.91 5.707 5.975 5.571 5.995C5.434 6.015 5.31 5.983 5.2 5.9C5.09 5.817 5.025 5.707 5.005 5.571C4.985 5.434 5.017 5.31 5.1 5.2C5.383 4.822 5.736 4.528 6.158 4.317ZM9.707 14.707C9.512 14.902 9.276 15 9 15L6 15C5.724 15 5.488 14.902 5.293 14.707C5.098 14.512 5 14.276 5 14L5 8C5 7.724 5.098 7.488 5.293 7.293C5.488 7.098 5.724 7 6 7L9 7C9.276 7 9.512 7.098 9.707 7.293C9.902 7.488 10 7.724 10 8L10 14C10 14.276 9.902 14.512 9.707 14.707ZM9 8L6 8L6 14L9 14L9 8ZM8.03 8.97C8.177 9.116 8.25 9.293 8.25 9.5C8.25 9.707 8.177 9.884 8.03 10.03C7.884 10.177 7.707 10.25 7.5 10.25C7.293 10.25 7.116 10.177 6.97 10.03C6.823 9.884 6.75 9.707 6.75 9.5C6.75 9.293 6.823 9.116 6.97 8.97C7.116 8.823 7.293 8.75 7.5 8.75C7.707 8.75 7.884 8.823 8.03 8.97Z"/></svg>

React

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

export function RemoteControlIcon(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="M7.5 1C8.366 1 9.185 1.194 9.96 1.581C10.734 1.968 11.381 2.508 11.9 3.2C11.985 3.313 12.017 3.436 11.998 3.571C11.979 3.706 11.913 3.815 11.8 3.9C11.69 3.983 11.566 4.015 11.429 3.995C11.293 3.975 11.183 3.91 11.1 3.8C10.675 3.233 10.146 2.792 9.512 2.475C8.879 2.158 8.208 2 7.5 2C6.792 2 6.121 2.158 5.488 2.475C4.854 2.792 4.325 3.233 3.9 3.8C3.815 3.913 3.706 3.979 3.571 3.998C3.436 4.017 3.313 3.985 3.2 3.9C3.087 3.815 3.021 3.706 3.002 3.571C2.983 3.436 3.015 3.313 3.1 3.2C3.619 2.508 4.266 1.968 5.04 1.581C5.815 1.194 6.634 1 7.5 1ZM6.158 4.317C6.581 4.106 7.028 4 7.5 4C7.972 4 8.419 4.106 8.842 4.317C9.264 4.528 9.617 4.822 9.9 5.2C9.983 5.31 10.014 5.434 9.995 5.571C9.975 5.707 9.91 5.817 9.8 5.9C9.69 5.983 9.566 6.015 9.429 5.995C9.293 5.975 9.183 5.91 9.1 5.8C8.911 5.548 8.676 5.352 8.394 5.211C8.113 5.07 7.815 5 7.5 5C7.185 5 6.887 5.07 6.606 5.211C6.324 5.352 6.089 5.548 5.9 5.8C5.817 5.91 5.707 5.975 5.571 5.995C5.434 6.015 5.31 5.983 5.2 5.9C5.09 5.817 5.025 5.707 5.005 5.571C4.985 5.434 5.017 5.31 5.1 5.2C5.383 4.822 5.736 4.528 6.158 4.317ZM9.707 14.707C9.512 14.902 9.276 15 9 15L6 15C5.724 15 5.488 14.902 5.293 14.707C5.098 14.512 5 14.276 5 14L5 8C5 7.724 5.098 7.488 5.293 7.293C5.488 7.098 5.724 7 6 7L9 7C9.276 7 9.512 7.098 9.707 7.293C9.902 7.488 10 7.724 10 8L10 14C10 14.276 9.902 14.512 9.707 14.707ZM9 8L6 8L6 14L9 14L9 8ZM8.03 8.97C8.177 9.116 8.25 9.293 8.25 9.5C8.25 9.707 8.177 9.884 8.03 10.03C7.884 10.177 7.707 10.25 7.5 10.25C7.293 10.25 7.116 10.177 6.97 10.03C6.823 9.884 6.75 9.707 6.75 9.5C6.75 9.293 6.823 9.116 6.97 8.97C7.116 8.823 7.293 8.75 7.5 8.75C7.707 8.75 7.884 8.823 8.03 8.97Z" />
    </svg>
  );
}

Vue

Vue: see /icons/remote-control.md

Svelte

Svelte: see /icons/remote-control.md

HTML img

HTML img: see /icons/remote-control.md

CSS

CSS: see /icons/remote-control.md

Data URL

Data URL: see /icons/remote-control.md

Sprite

Sprite: see /icons/remote-control.md

SwiftUI

SwiftUI: see /icons/remote-control.md

Compose

Compose: see /icons/remote-control.md

Android XML

Android XML: see /icons/remote-control.md

Flutter

Flutter: see /icons/remote-control.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

remote control, tv remote, ir remote, media remote

Alternatives

gamepad: a game controller (game-controller)

Don’t confuse with

monitor-cursor: control a computer remotely (remote-desktop)

Not for

remote desktop (use monitor-cursor): a TV remote (tv-remote)

Tags

remote, remote-control, tv, controller, infrared, clicker

Category

Devices & hardware

Component name

RemoteControlIcon

History

2026-10-15 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/remote-control.json · Markdown: /icons/remote-control.md · SVG: https://gentleface.com/svg/{style}/16/remote-control.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/remote-control.png

remote-control 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

remote-control icon