office chair icon

office-chair-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: office-chair-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

office-chair office-chair-bold office-chair-duotone office-chair-fill office-chair-thin

The same icon in other sets

Use the office chair icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M246 128a6 6 0 0 1-6 6h-18.39A46.07 46.07 0 0 1 176 174h-42v28h26a30 30 0 0 1 30 30a6 6 0 0 1-12 0a18 18 0 0 0-18-18h-26v18a6 6 0 0 1-12 0v-18H96a18 18 0 0 0-18 18a6 6 0 0 1-12 0a30 30 0 0 1 30-30h26v-28H80a46.07 46.07 0 0 1-45.61-40H16a6 6 0 0 1 0-12h24a6 6 0 0 1 6 6a34 34 0 0 0 34 34h96a34 34 0 0 0 34-34a6 6 0 0 1 6-6h24a6 6 0 0 1 6 6m-176.57 9.17A14 14 0 0 1 66.14 126l13.72-96a14.07 14.07 0 0 1 13.86-12h68.56a14.07 14.07 0 0 1 13.86 12l13.72 96A14 14 0 0 1 176 142H80a14 14 0 0 1-10.57-4.83m9.06-7.86A2 2 0 0 0 80 130h96a2 2 0 0 0 1.51-.69a2 2 0 0 0 .47-1.59l-13.72-96a2 2 0 0 0-2-1.72H93.72a2 2 0 0 0-2 1.72l-13.72 96a2 2 0 0 0 .49 1.59"/></svg>

React

import type { SVGProps } from "react";

export function PhOfficeChairLight(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="M246 128a6 6 0 0 1-6 6h-18.39A46.07 46.07 0 0 1 176 174h-42v28h26a30 30 0 0 1 30 30a6 6 0 0 1-12 0a18 18 0 0 0-18-18h-26v18a6 6 0 0 1-12 0v-18H96a18 18 0 0 0-18 18a6 6 0 0 1-12 0a30 30 0 0 1 30-30h26v-28H80a46.07 46.07 0 0 1-45.61-40H16a6 6 0 0 1 0-12h24a6 6 0 0 1 6 6a34 34 0 0 0 34 34h96a34 34 0 0 0 34-34a6 6 0 0 1 6-6h24a6 6 0 0 1 6 6m-176.57 9.17A14 14 0 0 1 66.14 126l13.72-96a14.07 14.07 0 0 1 13.86-12h68.56a14.07 14.07 0 0 1 13.86 12l13.72 96A14 14 0 0 1 176 142H80a14 14 0 0 1-10.57-4.83m9.06-7.86A2 2 0 0 0 80 130h96a2 2 0 0 0 1.51-.69a2 2 0 0 0 .47-1.59l-13.72-96a2 2 0 0 0-2-1.72H93.72a2 2 0 0 0-2 1.72l-13.72 96a2 2 0 0 0 .49 1.59"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M246 128a6 6 0 0 1-6 6h-18.39A46.07 46.07 0 0 1 176 174h-42v28h26a30 30 0 0 1 30 30a6 6 0 0 1-12 0a18 18 0 0 0-18-18h-26v18a6 6 0 0 1-12 0v-18H96a18 18 0 0 0-18 18a6 6 0 0 1-12 0a30 30 0 0 1 30-30h26v-28H80a46.07 46.07 0 0 1-45.61-40H16a6 6 0 0 1 0-12h24a6 6 0 0 1 6 6a34 34 0 0 0 34 34h96a34 34 0 0 0 34-34a6 6 0 0 1 6-6h24a6 6 0 0 1 6 6m-176.57 9.17A14 14 0 0 1 66.14 126l13.72-96a14.07 14.07 0 0 1 13.86-12h68.56a14.07 14.07 0 0 1 13.86 12l13.72 96A14 14 0 0 1 176 142H80a14 14 0 0 1-10.57-4.83m9.06-7.86A2 2 0 0 0 80 130h96a2 2 0 0 0 1.51-.69a2 2 0 0 0 .47-1.59l-13.72-96a2 2 0 0 0-2-1.72H93.72a2 2 0 0 0-2 1.72l-13.72 96a2 2 0 0 0 .49 1.59"/></svg>
</template>

CSS

.icon-office-chair-light {
  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%22M246%20128a6%206%200%200%201-6%206h-18.39A46.07%2046.07%200%200%201%20176%20174h-42v28h26a30%2030%200%200%201%2030%2030a6%206%200%200%201-12%200a18%2018%200%200%200-18-18h-26v18a6%206%200%200%201-12%200v-18H96a18%2018%200%200%200-18%2018a6%206%200%200%201-12%200a30%2030%200%200%201%2030-30h26v-28H80a46.07%2046.07%200%200%201-45.61-40H16a6%206%200%200%201%200-12h24a6%206%200%200%201%206%206a34%2034%200%200%200%2034%2034h96a34%2034%200%200%200%2034-34a6%206%200%200%201%206-6h24a6%206%200%200%201%206%206m-176.57%209.17A14%2014%200%200%201%2066.14%20126l13.72-96a14.07%2014.07%200%200%201%2013.86-12h68.56a14.07%2014.07%200%200%201%2013.86%2012l13.72%2096A14%2014%200%200%201%20176%20142H80a14%2014%200%200%201-10.57-4.83m9.06-7.86A2%202%200%200%200%2080%20130h96a2%202%200%200%200%201.51-.69a2%202%200%200%200%20.47-1.59l-13.72-96a2%202%200%200%200-2-1.72H93.72a2%202%200%200%200-2%201.72l-13.72%2096a2%202%200%200%200%20.49%201.59%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%22M246%20128a6%206%200%200%201-6%206h-18.39A46.07%2046.07%200%200%201%20176%20174h-42v28h26a30%2030%200%200%201%2030%2030a6%206%200%200%201-12%200a18%2018%200%200%200-18-18h-26v18a6%206%200%200%201-12%200v-18H96a18%2018%200%200%200-18%2018a6%206%200%200%201-12%200a30%2030%200%200%201%2030-30h26v-28H80a46.07%2046.07%200%200%201-45.61-40H16a6%206%200%200%201%200-12h24a6%206%200%200%201%206%206a34%2034%200%200%200%2034%2034h96a34%2034%200%200%200%2034-34a6%206%200%200%201%206-6h24a6%206%200%200%201%206%206m-176.57%209.17A14%2014%200%200%201%2066.14%20126l13.72-96a14.07%2014.07%200%200%201%2013.86-12h68.56a14.07%2014.07%200%200%201%2013.86%2012l13.72%2096A14%2014%200%200%201%20176%20142H80a14%2014%200%200%201-10.57-4.83m9.06-7.86A2%202%200%200%200%2080%20130h96a2%202%200%200%200%201.51-.69a2%202%200%200%200%20.47-1.59l-13.72-96a2%202%200%200%200-2-1.72H93.72a2%202%200%200%200-2%201.72l-13.72%2096a2%202%200%200%200%20.49%201.59%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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