chair icon

chair from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name: chair
Set: Phosphor
Style: Regular
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

chair-bold chair-duotone chair-fill chair-light chair-thin

The same icon in other sets

chairBoxIcons v2 chairFont Awesome 6 Solid chairFont Awesome Solid chairFluent Emoji chairFluent Emoji Flat chairFluent Emoji High Contrast chairIconPark chairIconPark Outline chairIconPark Solid chairIconPark TwoTone chairLine Awesome chairMaterial Symbols chairMaterial Symbols Light chairNoto Emoji chairOpenMoji chair-boldSolar chairTwitter Emoji

Use the chair icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 136h-32v-32h16a16 16 0 0 0 16-16V40a16 16 0 0 0-16-16H64a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h16v32H48a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h8v40a8 8 0 0 0 16 0v-40h112v40a8 8 0 0 0 16 0v-40h8a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16M64 40h128v48H64Zm32 64h64v32H96Zm112 64H48v-16h160z"/></svg>

React

import type { SVGProps } from "react";

export function PhChair(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 136h-32v-32h16a16 16 0 0 0 16-16V40a16 16 0 0 0-16-16H64a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h16v32H48a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h8v40a8 8 0 0 0 16 0v-40h112v40a8 8 0 0 0 16 0v-40h8a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16M64 40h128v48H64Zm32 64h64v32H96Zm112 64H48v-16h160z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 136h-32v-32h16a16 16 0 0 0 16-16V40a16 16 0 0 0-16-16H64a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h16v32H48a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h8v40a8 8 0 0 0 16 0v-40h112v40a8 8 0 0 0 16 0v-40h8a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16M64 40h128v48H64Zm32 64h64v32H96Zm112 64H48v-16h160z"/></svg>
</template>

CSS

.icon-chair {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M208%20136h-32v-32h16a16%2016%200%200%200%2016-16V40a16%2016%200%200%200-16-16H64a16%2016%200%200%200-16%2016v48a16%2016%200%200%200%2016%2016h16v32H48a16%2016%200%200%200-16%2016v16a16%2016%200%200%200%2016%2016h8v40a8%208%200%200%200%2016%200v-40h112v40a8%208%200%200%200%2016%200v-40h8a16%2016%200%200%200%2016-16v-16a16%2016%200%200%200-16-16M64%2040h128v48H64Zm32%2064h64v32H96Zm112%2064H48v-16h160z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M208%20136h-32v-32h16a16%2016%200%200%200%2016-16V40a16%2016%200%200%200-16-16H64a16%2016%200%200%200-16%2016v48a16%2016%200%200%200%2016%2016h16v32H48a16%2016%200%200%200-16%2016v16a16%2016%200%200%200%2016%2016h8v40a8%208%200%200%200%2016%200v-40h112v40a8%208%200%200%200%2016%200v-40h8a16%2016%200%200%200%2016-16v-16a16%2016%200%200%200-16-16M64%2040h128v48H64Zm32%2064h64v32H96Zm112%2064H48v-16h160z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/chair.svg?color=%231a73e8&size=48