chair icon

chair-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name: chair-bold
Set: Phosphor
Style: Bold
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

chair 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 128h-28v-20h12a20 20 0 0 0 20-20V40a20 20 0 0 0-20-20H64a20 20 0 0 0-20 20v48a20 20 0 0 0 20 20h12v20H48a20 20 0 0 0-20 20v24a20 20 0 0 0 20 20h8v32a12 12 0 0 0 24 0v-32h96v32a12 12 0 0 0 24 0v-32h8a20 20 0 0 0 20-20v-24a20 20 0 0 0-20-20M68 44h120v40H68Zm32 64h56v20h-56Zm104 60H52v-16h152Z"/></svg>

React

import type { SVGProps } from "react";

export function PhChairBold(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 128h-28v-20h12a20 20 0 0 0 20-20V40a20 20 0 0 0-20-20H64a20 20 0 0 0-20 20v48a20 20 0 0 0 20 20h12v20H48a20 20 0 0 0-20 20v24a20 20 0 0 0 20 20h8v32a12 12 0 0 0 24 0v-32h96v32a12 12 0 0 0 24 0v-32h8a20 20 0 0 0 20-20v-24a20 20 0 0 0-20-20M68 44h120v40H68Zm32 64h56v20h-56Zm104 60H52v-16h152Z"/></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 128h-28v-20h12a20 20 0 0 0 20-20V40a20 20 0 0 0-20-20H64a20 20 0 0 0-20 20v48a20 20 0 0 0 20 20h12v20H48a20 20 0 0 0-20 20v24a20 20 0 0 0 20 20h8v32a12 12 0 0 0 24 0v-32h96v32a12 12 0 0 0 24 0v-32h8a20 20 0 0 0 20-20v-24a20 20 0 0 0-20-20M68 44h120v40H68Zm32 64h56v20h-56Zm104 60H52v-16h152Z"/></svg>
</template>

CSS

.icon-chair-bold {
  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%20128h-28v-20h12a20%2020%200%200%200%2020-20V40a20%2020%200%200%200-20-20H64a20%2020%200%200%200-20%2020v48a20%2020%200%200%200%2020%2020h12v20H48a20%2020%200%200%200-20%2020v24a20%2020%200%200%200%2020%2020h8v32a12%2012%200%200%200%2024%200v-32h96v32a12%2012%200%200%200%2024%200v-32h8a20%2020%200%200%200%2020-20v-24a20%2020%200%200%200-20-20M68%2044h120v40H68Zm32%2064h56v20h-56Zm104%2060H52v-16h152Z%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%20128h-28v-20h12a20%2020%200%200%200%2020-20V40a20%2020%200%200%200-20-20H64a20%2020%200%200%200-20%2020v48a20%2020%200%200%200%2020%2020h12v20H48a20%2020%200%200%200-20%2020v24a20%2020%200%200%200%2020%2020h8v32a12%2012%200%200%200%2024%200v-32h96v32a12%2012%200%200%200%2024%200v-32h8a20%2020%200%200%200%2020-20v-24a20%2020%200%200%200-20-20M68%2044h120v40H68Zm32%2064h56v20h-56Zm104%2060H52v-16h152Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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