chair icon
chair-filled from Reicon by REICON · Filled · Home · MIT Free for personal and commercial use.
- Name
- chair-filled
- Set
- Reicon
- Style
- Filled
- Category
- Home
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All chair icons →chairBoxIcons v2chairFont Awesome 6 SolidchairFont Awesome SolidchairFluent EmojichairFluent Emoji FlatchairFluent Emoji High ContrastchairIconParkchairIconPark OutlinechairIconPark SolidchairIconPark TwoTonechairLine AwesomechairMaterial SymbolschairMaterial Symbols LightchairNoto EmojichairOpenMojichairPhosphorchair-boldSolarchairTwitter Emoji
More home icons from Reicon
Use the chair icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.402 4.5C7 5.196 7 6.13 7 8v3.027C7.43 11 7.914 11 8.435 11h7.13c.52 0 1.005 0 1.435.027V8c0-1.87 0-2.804-.402-3.5A3 3 0 0 0 15.5 3.402C14.804 3 13.87 3 12 3s-2.804 0-3.5.402A3 3 0 0 0 7.402 4.5M6.25 15.991c-.502-.02-.806-.088-1.014-.315c-.297-.324-.258-.774-.18-1.675c.055-.65.181-1.088.467-1.415C6.035 12 6.858 12 8.505 12h6.99c1.647 0 2.47 0 2.982.586c.286.326.412.764.468 1.415c.077.9.116 1.351-.181 1.675c-.208.227-.512.295-1.014.315V21a.75.75 0 1 1-1.5 0v-5h-8.5v5a.75.75 0 1 1-1.5 0z"/></svg>
React
import type { SVGProps } from "react";
export function ReiconChairFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.402 4.5C7 5.196 7 6.13 7 8v3.027C7.43 11 7.914 11 8.435 11h7.13c.52 0 1.005 0 1.435.027V8c0-1.87 0-2.804-.402-3.5A3 3 0 0 0 15.5 3.402C14.804 3 13.87 3 12 3s-2.804 0-3.5.402A3 3 0 0 0 7.402 4.5M6.25 15.991c-.502-.02-.806-.088-1.014-.315c-.297-.324-.258-.774-.18-1.675c.055-.65.181-1.088.467-1.415C6.035 12 6.858 12 8.505 12h6.99c1.647 0 2.47 0 2.982.586c.286.326.412.764.468 1.415c.077.9.116 1.351-.181 1.675c-.208.227-.512.295-1.014.315V21a.75.75 0 1 1-1.5 0v-5h-8.5v5a.75.75 0 1 1-1.5 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.402 4.5C7 5.196 7 6.13 7 8v3.027C7.43 11 7.914 11 8.435 11h7.13c.52 0 1.005 0 1.435.027V8c0-1.87 0-2.804-.402-3.5A3 3 0 0 0 15.5 3.402C14.804 3 13.87 3 12 3s-2.804 0-3.5.402A3 3 0 0 0 7.402 4.5M6.25 15.991c-.502-.02-.806-.088-1.014-.315c-.297-.324-.258-.774-.18-1.675c.055-.65.181-1.088.467-1.415C6.035 12 6.858 12 8.505 12h6.99c1.647 0 2.47 0 2.982.586c.286.326.412.764.468 1.415c.077.9.116 1.351-.181 1.675c-.208.227-.512.295-1.014.315V21a.75.75 0 1 1-1.5 0v-5h-8.5v5a.75.75 0 1 1-1.5 0z"/></svg> </template>
CSS
.icon-chair-filled {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.402%204.5C7%205.196%207%206.13%207%208v3.027C7.43%2011%207.914%2011%208.435%2011h7.13c.52%200%201.005%200%201.435.027V8c0-1.87%200-2.804-.402-3.5A3%203%200%200%200%2015.5%203.402C14.804%203%2013.87%203%2012%203s-2.804%200-3.5.402A3%203%200%200%200%207.402%204.5M6.25%2015.991c-.502-.02-.806-.088-1.014-.315c-.297-.324-.258-.774-.18-1.675c.055-.65.181-1.088.467-1.415C6.035%2012%206.858%2012%208.505%2012h6.99c1.647%200%202.47%200%202.982.586c.286.326.412.764.468%201.415c.077.9.116%201.351-.181%201.675c-.208.227-.512.295-1.014.315V21a.75.75%200%201%201-1.5%200v-5h-8.5v5a.75.75%200%201%201-1.5%200z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.402%204.5C7%205.196%207%206.13%207%208v3.027C7.43%2011%207.914%2011%208.435%2011h7.13c.52%200%201.005%200%201.435.027V8c0-1.87%200-2.804-.402-3.5A3%203%200%200%200%2015.5%203.402C14.804%203%2013.87%203%2012%203s-2.804%200-3.5.402A3%203%200%200%200%207.402%204.5M6.25%2015.991c-.502-.02-.806-.088-1.014-.315c-.297-.324-.258-.774-.18-1.675c.055-.65.181-1.088.467-1.415C6.035%2012%206.858%2012%208.505%2012h6.99c1.647%200%202.47%200%202.982.586c.286.326.412.764.468%201.415c.077.9.116%201.351-.181%201.675c-.208.227-.512.295-1.014.315V21a.75.75%200%201%201-1.5%200v-5h-8.5v5a.75.75%200%201%201-1.5%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/chair-filled.svg?color=%231a73e8&size=48
