gentleface

Gentleface › Home & household › desk

desk icon

Desk: desk, workspace, desk booking, workstation. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

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="M14.856 3.144C14.952 3.241 15 3.359 15 3.5C15 3.641 14.952 3.759 14.856 3.856C14.759 3.952 14.641 4 14.5 4L14 4L14 12C14 12.276 13.902 12.512 13.707 12.707C13.512 12.902 13.276 13 13 13L9 13C8.724 13 8.488 12.902 8.293 12.707C8.098 12.512 8 12.276 8 12L8 4L3 4L3 12.5C3 12.641 2.952 12.759 2.856 12.856C2.759 12.952 2.641 13 2.5 13C2.359 13 2.241 12.952 2.144 12.856C2.048 12.759 2 12.641 2 12.5L2 4L1.5 4C1.359 4 1.241 3.952 1.144 3.856C1.048 3.759 1 3.641 1 3.5C1 3.359 1.048 3.241 1.144 3.144C1.241 3.048 1.359 3 1.5 3L14.5 3C14.641 3 14.759 3.048 14.856 3.144ZM13 7L13 4L9 4L9 7L13 7ZM12 6L10 6L10 5L12 5L12 6ZM13 12L13 8L9 8L9 12L13 12ZM12 10L10 10L10 9L12 9L12 10Z"/></svg>
React
// Gentleface "desk" (line-round), MIT. https://gentleface.com/icons/desk
import type { SVGProps } from 'react';

export function DeskIcon(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="M14.856 3.144C14.952 3.241 15 3.359 15 3.5C15 3.641 14.952 3.759 14.856 3.856C14.759 3.952 14.641 4 14.5 4L14 4L14 12C14 12.276 13.902 12.512 13.707 12.707C13.512 12.902 13.276 13 13 13L9 13C8.724 13 8.488 12.902 8.293 12.707C8.098 12.512 8 12.276 8 12L8 4L3 4L3 12.5C3 12.641 2.952 12.759 2.856 12.856C2.759 12.952 2.641 13 2.5 13C2.359 13 2.241 12.952 2.144 12.856C2.048 12.759 2 12.641 2 12.5L2 4L1.5 4C1.359 4 1.241 3.952 1.144 3.856C1.048 3.759 1 3.641 1 3.5C1 3.359 1.048 3.241 1.144 3.144C1.241 3.048 1.359 3 1.5 3L14.5 3C14.641 3 14.759 3.048 14.856 3.144ZM13 7L13 4L9 4L9 7L13 7ZM12 6L10 6L10 5L12 5L12 6ZM13 12L13 8L9 8L9 12L13 12ZM12 10L10 10L10 9L12 9L12 10Z" />
    </svg>
  );
}
Vue
Vue: see /icons/desk.md
Svelte
Svelte: see /icons/desk.md
HTML img
HTML img: see /icons/desk.md
CSS
CSS: see /icons/desk.md
Data URL
Data URL: see /icons/desk.md
Sprite
Sprite: see /icons/desk.md
SwiftUI
SwiftUI: see /icons/desk.md
Compose
Compose: see /icons/desk.md
Android XML
Android XML: see /icons/desk.md
Flutter
Flutter: see /icons/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.

Meaning

Use it for
desk, workspace, desk booking, workstation, office desk, hot desking, hot desk, desk reservation
Alternatives
  • dining-table: a dining table or a restaurant table
  • building: a team or organization workspace in a SaaS app (workspace switcher)
  • seat: a seat reservation on transport or at a venue
Tags
desk, workspace, desk-booking, office, table, workstation, furniture, drawer, hot-desk
Category
Home & household
Component name
DeskIcon
History
  • added

More home & household icons

armchair bath bed bed-person blender broom bucket chair door door-lock door-open door-plus door-unlock fan faucet fire-extinguisher · all home & household icons

For agents

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

Feedback