gentleface

Gentleface › Devices & hardware › phone-desk

phone-desk icon

Phone desk: desk phone, landline, office phone, voip phone. 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="M1.176 2.58C1.303 2.259 1.488 1.976 1.732 1.732C1.976 1.488 2.259 1.303 2.58 1.176C2.875 1.059 3.182 1 3.5 1L12.5 1C12.818 1 13.125 1.059 13.42 1.176C13.741 1.303 14.024 1.488 14.268 1.732C14.512 1.976 14.697 2.259 14.824 2.58C14.941 2.875 15 3.182 15 3.5L15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5L10 4L6 4L6 4.5C6 4.641 5.952 4.759 5.856 4.856C5.759 4.952 5.641 5 5.5 5L1.5 5C1.359 5 1.241 4.952 1.144 4.856C1.048 4.759 1 4.641 1 4.5L1 3.5C1 3.182 1.059 2.875 1.176 2.58ZM2.948 2.105C2.755 2.182 2.586 2.293 2.439 2.439C2.293 2.586 2.182 2.755 2.105 2.948C2.035 3.125 2 3.309 2 3.5L2 4L5 4L5 3.5C5 3.359 5.048 3.241 5.144 3.144C5.241 3.048 5.359 3 5.5 3L10.5 3C10.641 3 10.759 3.048 10.856 3.144C10.952 3.241 11 3.359 11 3.5L11 4L14 4L14 3.5C14 3.309 13.965 3.125 13.895 2.948C13.818 2.755 13.707 2.586 13.561 2.439C13.414 2.293 13.245 2.182 13.052 2.105C12.875 2.035 12.691 2 12.5 2L3.5 2C3.309 2 3.125 2.035 2.948 2.105ZM14.86 13.736C14.758 13.993 14.609 14.219 14.414 14.414C14.219 14.609 13.993 14.758 13.736 14.86C13.5 14.953 13.254 15 13 15L3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 8C1 7.746 1.047 7.5 1.14 7.264C1.242 7.007 1.391 6.781 1.586 6.586C1.781 6.391 2.007 6.242 2.264 6.14C2.5 6.047 2.746 6 3 6L13 6C13.254 6 13.5 6.047 13.736 6.14C13.993 6.242 14.219 6.391 14.414 6.586C14.609 6.781 14.758 7.007 14.86 7.264C14.953 7.5 15 7.746 15 8L15 13C15 13.254 14.953 13.5 14.86 13.736ZM2.293 13.707C2.488 13.902 2.724 14 3 14L13 14C13.276 14 13.512 13.902 13.707 13.707C13.902 13.512 14 13.276 14 13L14 8C14 7.724 13.902 7.488 13.707 7.293C13.512 7.098 13.276 7 13 7L3 7C2.724 7 2.488 7.098 2.293 7.293C2.098 7.488 2 7.724 2 8L2 13C2 13.276 2.098 13.512 2.293 13.707ZM4.293 8.293C4.488 8.098 4.724 8 5 8C5.276 8 5.512 8.098 5.707 8.293C5.902 8.488 6 8.724 6 9C6 9.276 5.902 9.512 5.707 9.707C5.512 9.902 5.276 10 5 10C4.724 10 4.488 9.902 4.293 9.707C4.098 9.512 4 9.276 4 9C4 8.724 4.098 8.488 4.293 8.293ZM7.293 8.293C7.488 8.098 7.724 8 8 8C8.276 8 8.512 8.098 8.707 8.293C8.902 8.488 9 8.724 9 9C9 9.276 8.902 9.512 8.707 9.707C8.512 9.902 8.276 10 8 10C7.724 10 7.488 9.902 7.293 9.707C7.098 9.512 7 9.276 7 9C7 8.724 7.098 8.488 7.293 8.293ZM11.707 8.293C11.902 8.488 12 8.724 12 9C12 9.276 11.902 9.512 11.707 9.707C11.512 9.902 11.276 10 11 10C10.724 10 10.488 9.902 10.293 9.707C10.098 9.512 10 9.276 10 9C10 8.724 10.098 8.488 10.293 8.293C10.488 8.098 10.724 8 11 8C11.276 8 11.512 8.098 11.707 8.293ZM4.293 11.293C4.488 11.098 4.724 11 5 11C5.276 11 5.512 11.098 5.707 11.293C5.902 11.488 6 11.724 6 12C6 12.276 5.902 12.512 5.707 12.707C5.512 12.902 5.276 13 5 13C4.724 13 4.488 12.902 4.293 12.707C4.098 12.512 4 12.276 4 12C4 11.724 4.098 11.488 4.293 11.293ZM8.707 11.293C8.902 11.488 9 11.724 9 12C9 12.276 8.902 12.512 8.707 12.707C8.512 12.902 8.276 13 8 13C7.724 13 7.488 12.902 7.293 12.707C7.098 12.512 7 12.276 7 12C7 11.724 7.098 11.488 7.293 11.293C7.488 11.098 7.724 11 8 11C8.276 11 8.512 11.098 8.707 11.293ZM10.293 11.293C10.488 11.098 10.724 11 11 11C11.276 11 11.512 11.098 11.707 11.293C11.902 11.488 12 11.724 12 12C12 12.276 11.902 12.512 11.707 12.707C11.512 12.902 11.276 13 11 13C10.724 13 10.488 12.902 10.293 12.707C10.098 12.512 10 12.276 10 12C10 11.724 10.098 11.488 10.293 11.293Z"/></svg>
React
// Gentleface "phone-desk" (line-round), MIT. https://gentleface.com/icons/phone-desk
import type { SVGProps } from 'react';

export function PhoneDeskIcon(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="M1.176 2.58C1.303 2.259 1.488 1.976 1.732 1.732C1.976 1.488 2.259 1.303 2.58 1.176C2.875 1.059 3.182 1 3.5 1L12.5 1C12.818 1 13.125 1.059 13.42 1.176C13.741 1.303 14.024 1.488 14.268 1.732C14.512 1.976 14.697 2.259 14.824 2.58C14.941 2.875 15 3.182 15 3.5L15 4.5C15 4.641 14.952 4.759 14.856 4.856C14.759 4.952 14.641 5 14.5 5L10.5 5C10.359 5 10.241 4.952 10.144 4.856C10.048 4.759 10 4.641 10 4.5L10 4L6 4L6 4.5C6 4.641 5.952 4.759 5.856 4.856C5.759 4.952 5.641 5 5.5 5L1.5 5C1.359 5 1.241 4.952 1.144 4.856C1.048 4.759 1 4.641 1 4.5L1 3.5C1 3.182 1.059 2.875 1.176 2.58ZM2.948 2.105C2.755 2.182 2.586 2.293 2.439 2.439C2.293 2.586 2.182 2.755 2.105 2.948C2.035 3.125 2 3.309 2 3.5L2 4L5 4L5 3.5C5 3.359 5.048 3.241 5.144 3.144C5.241 3.048 5.359 3 5.5 3L10.5 3C10.641 3 10.759 3.048 10.856 3.144C10.952 3.241 11 3.359 11 3.5L11 4L14 4L14 3.5C14 3.309 13.965 3.125 13.895 2.948C13.818 2.755 13.707 2.586 13.561 2.439C13.414 2.293 13.245 2.182 13.052 2.105C12.875 2.035 12.691 2 12.5 2L3.5 2C3.309 2 3.125 2.035 2.948 2.105ZM14.86 13.736C14.758 13.993 14.609 14.219 14.414 14.414C14.219 14.609 13.993 14.758 13.736 14.86C13.5 14.953 13.254 15 13 15L3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 8C1 7.746 1.047 7.5 1.14 7.264C1.242 7.007 1.391 6.781 1.586 6.586C1.781 6.391 2.007 6.242 2.264 6.14C2.5 6.047 2.746 6 3 6L13 6C13.254 6 13.5 6.047 13.736 6.14C13.993 6.242 14.219 6.391 14.414 6.586C14.609 6.781 14.758 7.007 14.86 7.264C14.953 7.5 15 7.746 15 8L15 13C15 13.254 14.953 13.5 14.86 13.736ZM2.293 13.707C2.488 13.902 2.724 14 3 14L13 14C13.276 14 13.512 13.902 13.707 13.707C13.902 13.512 14 13.276 14 13L14 8C14 7.724 13.902 7.488 13.707 7.293C13.512 7.098 13.276 7 13 7L3 7C2.724 7 2.488 7.098 2.293 7.293C2.098 7.488 2 7.724 2 8L2 13C2 13.276 2.098 13.512 2.293 13.707ZM4.293 8.293C4.488 8.098 4.724 8 5 8C5.276 8 5.512 8.098 5.707 8.293C5.902 8.488 6 8.724 6 9C6 9.276 5.902 9.512 5.707 9.707C5.512 9.902 5.276 10 5 10C4.724 10 4.488 9.902 4.293 9.707C4.098 9.512 4 9.276 4 9C4 8.724 4.098 8.488 4.293 8.293ZM7.293 8.293C7.488 8.098 7.724 8 8 8C8.276 8 8.512 8.098 8.707 8.293C8.902 8.488 9 8.724 9 9C9 9.276 8.902 9.512 8.707 9.707C8.512 9.902 8.276 10 8 10C7.724 10 7.488 9.902 7.293 9.707C7.098 9.512 7 9.276 7 9C7 8.724 7.098 8.488 7.293 8.293ZM11.707 8.293C11.902 8.488 12 8.724 12 9C12 9.276 11.902 9.512 11.707 9.707C11.512 9.902 11.276 10 11 10C10.724 10 10.488 9.902 10.293 9.707C10.098 9.512 10 9.276 10 9C10 8.724 10.098 8.488 10.293 8.293C10.488 8.098 10.724 8 11 8C11.276 8 11.512 8.098 11.707 8.293ZM4.293 11.293C4.488 11.098 4.724 11 5 11C5.276 11 5.512 11.098 5.707 11.293C5.902 11.488 6 11.724 6 12C6 12.276 5.902 12.512 5.707 12.707C5.512 12.902 5.276 13 5 13C4.724 13 4.488 12.902 4.293 12.707C4.098 12.512 4 12.276 4 12C4 11.724 4.098 11.488 4.293 11.293ZM8.707 11.293C8.902 11.488 9 11.724 9 12C9 12.276 8.902 12.512 8.707 12.707C8.512 12.902 8.276 13 8 13C7.724 13 7.488 12.902 7.293 12.707C7.098 12.512 7 12.276 7 12C7 11.724 7.098 11.488 7.293 11.293C7.488 11.098 7.724 11 8 11C8.276 11 8.512 11.098 8.707 11.293ZM10.293 11.293C10.488 11.098 10.724 11 11 11C11.276 11 11.512 11.098 11.707 11.293C11.902 11.488 12 11.724 12 12C12 12.276 11.902 12.512 11.707 12.707C11.512 12.902 11.276 13 11 13C10.724 13 10.488 12.902 10.293 12.707C10.098 12.512 10 12.276 10 12C10 11.724 10.098 11.488 10.293 11.293Z" />
    </svg>
  );
}
Vue
Vue: see /icons/phone-desk.md
Svelte
Svelte: see /icons/phone-desk.md
HTML img
HTML img: see /icons/phone-desk.md
CSS
CSS: see /icons/phone-desk.md
Data URL
Data URL: see /icons/phone-desk.md
Sprite
Sprite: see /icons/phone-desk.md
SwiftUI
SwiftUI: see /icons/phone-desk.md
Compose
Compose: see /icons/phone-desk.md
Android XML
Android XML: see /icons/phone-desk.md
Flutter
Flutter: see /icons/phone-desk.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.

With npm: import { PhoneDeskIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
desk phone, landline, office phone, voip phone, ip phone, sip call, voip call
Alternatives
  • phone: a call or a phone number (call): the bare handset stays the call convention
Also fits
  • phone: a desk or landline phone (phone-desk owns landline)
Tags
desk-phone, landline, office-phone, telephone, voip, extension, handset, keypad, call, hot-desk
Category
Devices & hardware
Component name
PhoneDeskIcon
History
  • released in 0.2.0
  • added
Since
version 0.2.0

More devices & hardware icons

For agents

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