gentleface

Gentleface › Home & household › chair

chair icon

Chair: chair, seating, dining chair. 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="M12.856 7.144C12.952 7.241 13 7.359 13 7.5L13 9.5C13 9.641 12.952 9.759 12.856 9.856C12.759 9.952 12.641 10 12.5 10L11 10L11 13.5C11 13.641 10.952 13.759 10.856 13.856C10.759 13.952 10.641 14 10.5 14C10.359 14 10.241 13.952 10.144 13.856C10.048 13.759 10 13.641 10 13.5L10 13L5 13L5 13.5C5 13.641 4.952 13.759 4.856 13.856C4.759 13.952 4.641 14 4.5 14C4.359 14 4.241 13.952 4.144 13.856C4.048 13.759 4 13.641 4 13.5L4 10L2.5 10C2.359 10 2.241 9.952 2.144 9.856C2.048 9.759 2 9.641 2 9.5L2 7.5C2 7.359 2.048 7.241 2.144 7.144C2.241 7.048 2.359 7 2.5 7L4 7L4 2C4 1.724 4.098 1.488 4.293 1.293C4.488 1.098 4.724 1 5 1L10 1C10.276 1 10.512 1.098 10.707 1.293C10.902 1.488 11 1.724 11 2L11 7L12.5 7C12.641 7 12.759 7.048 12.856 7.144ZM10 2L5 2L5 4L10 4L10 2ZM10 5L5 5L5 7L10 7L10 5ZM12 8L3 8L3 9L12 9L12 8ZM10 12L10 10L5 10L5 12L10 12Z"/></svg>
React
// Gentleface "chair" (line-round), MIT. https://gentleface.com/icons/chair
import type { SVGProps } from 'react';

export function ChairIcon(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="M12.856 7.144C12.952 7.241 13 7.359 13 7.5L13 9.5C13 9.641 12.952 9.759 12.856 9.856C12.759 9.952 12.641 10 12.5 10L11 10L11 13.5C11 13.641 10.952 13.759 10.856 13.856C10.759 13.952 10.641 14 10.5 14C10.359 14 10.241 13.952 10.144 13.856C10.048 13.759 10 13.641 10 13.5L10 13L5 13L5 13.5C5 13.641 4.952 13.759 4.856 13.856C4.759 13.952 4.641 14 4.5 14C4.359 14 4.241 13.952 4.144 13.856C4.048 13.759 4 13.641 4 13.5L4 10L2.5 10C2.359 10 2.241 9.952 2.144 9.856C2.048 9.759 2 9.641 2 9.5L2 7.5C2 7.359 2.048 7.241 2.144 7.144C2.241 7.048 2.359 7 2.5 7L4 7L4 2C4 1.724 4.098 1.488 4.293 1.293C4.488 1.098 4.724 1 5 1L10 1C10.276 1 10.512 1.098 10.707 1.293C10.902 1.488 11 1.724 11 2L11 7L12.5 7C12.641 7 12.759 7.048 12.856 7.144ZM10 2L5 2L5 4L10 4L10 2ZM10 5L5 5L5 7L10 7L10 5ZM12 8L3 8L3 9L12 9L12 8ZM10 12L10 10L5 10L5 12L10 12Z" />
    </svg>
  );
}
Vue
Vue: see /icons/chair.md
Svelte
Svelte: see /icons/chair.md
HTML img
HTML img: see /icons/chair.md
CSS
CSS: see /icons/chair.md
Data URL
Data URL: see /icons/chair.md
Sprite
Sprite: see /icons/chair.md
SwiftUI
SwiftUI: see /icons/chair.md
Compose
Compose: see /icons/chair.md
Android XML
Android XML: see /icons/chair.md
Flutter
Flutter: see /icons/chair.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
chair, seating, dining chair
Alternatives
  • armchair: lounge or living-room seating
  • seat: seat selection on a plane, train or at a venue
Also fits
  • armchair: a plain chair or seating
  • seat: a chair as furniture
Tags
chair, seat, dining-chair, furniture, sit, kitchen-chair, stool
Category
Home & household
Component name
ChairIcon
History
  • added

More home & household icons

For agents

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

Feedback