armchair icon
armchair-duotone from Reicon by REICON · Duotone · Home · MIT Free for personal and commercial use.
- Name
- armchair-duotone
- Set
- Reicon
- Style
- Duotone
- Category
- Home
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All armchair icons →More home icons from Reicon
Use the armchair icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.179 21H6.82c-.745 0-1.21 0-1.571-.042v1.291a.75.75 0 0 1-1.5 0v-1.865a4 4 0 0 1-1.656-2.494C2 17.45 2 16.92 2 15.857v-4.611C2 10.006 2.943 9 4.105 9c1.163 0 2.106 1.005 2.106 2.246v3.087c0 .943 0 1.415.292 1.707c.293.293.765.293 1.708.293h7.579c.942 0 1.414 0 1.707-.293c.293-.292.293-.764.293-1.707v-3.087c0-1.24.942-2.246 2.105-2.246C21.057 9 22 10.005 22 11.246v4.611c0 1.063 0 1.594-.094 2.033a4 4 0 0 1-1.656 2.494v1.866a.75.75 0 0 1-1.5 0v-1.292c-.36.042-.826.042-1.571.042"/><path d="M6 8.154V17h12V8.154c0-2.3 0-3.451-.482-4.308A3.65 3.65 0 0 0 16.2 2.495C15.365 2 14.243 2 12 2s-3.365 0-4.2.495a3.65 3.65 0 0 0-1.318 1.351C6 4.703 6 5.853 6 8.154" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconArmchairDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.179 21H6.82c-.745 0-1.21 0-1.571-.042v1.291a.75.75 0 0 1-1.5 0v-1.865a4 4 0 0 1-1.656-2.494C2 17.45 2 16.92 2 15.857v-4.611C2 10.006 2.943 9 4.105 9c1.163 0 2.106 1.005 2.106 2.246v3.087c0 .943 0 1.415.292 1.707c.293.293.765.293 1.708.293h7.579c.942 0 1.414 0 1.707-.293c.293-.292.293-.764.293-1.707v-3.087c0-1.24.942-2.246 2.105-2.246C21.057 9 22 10.005 22 11.246v4.611c0 1.063 0 1.594-.094 2.033a4 4 0 0 1-1.656 2.494v1.866a.75.75 0 0 1-1.5 0v-1.292c-.36.042-.826.042-1.571.042"/><path d="M6 8.154V17h12V8.154c0-2.3 0-3.451-.482-4.308A3.65 3.65 0 0 0 16.2 2.495C15.365 2 14.243 2 12 2s-3.365 0-4.2.495a3.65 3.65 0 0 0-1.318 1.351C6 4.703 6 5.853 6 8.154" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.179 21H6.82c-.745 0-1.21 0-1.571-.042v1.291a.75.75 0 0 1-1.5 0v-1.865a4 4 0 0 1-1.656-2.494C2 17.45 2 16.92 2 15.857v-4.611C2 10.006 2.943 9 4.105 9c1.163 0 2.106 1.005 2.106 2.246v3.087c0 .943 0 1.415.292 1.707c.293.293.765.293 1.708.293h7.579c.942 0 1.414 0 1.707-.293c.293-.292.293-.764.293-1.707v-3.087c0-1.24.942-2.246 2.105-2.246C21.057 9 22 10.005 22 11.246v4.611c0 1.063 0 1.594-.094 2.033a4 4 0 0 1-1.656 2.494v1.866a.75.75 0 0 1-1.5 0v-1.292c-.36.042-.826.042-1.571.042"/><path d="M6 8.154V17h12V8.154c0-2.3 0-3.451-.482-4.308A3.65 3.65 0 0 0 16.2 2.495C15.365 2 14.243 2 12 2s-3.365 0-4.2.495a3.65 3.65 0 0 0-1.318 1.351C6 4.703 6 5.853 6 8.154" opacity=".5"/></g></svg> </template>
CSS
.icon-armchair-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M17.179%2021H6.82c-.745%200-1.21%200-1.571-.042v1.291a.75.75%200%200%201-1.5%200v-1.865a4%204%200%200%201-1.656-2.494C2%2017.45%202%2016.92%202%2015.857v-4.611C2%2010.006%202.943%209%204.105%209c1.163%200%202.106%201.005%202.106%202.246v3.087c0%20.943%200%201.415.292%201.707c.293.293.765.293%201.708.293h7.579c.942%200%201.414%200%201.707-.293c.293-.292.293-.764.293-1.707v-3.087c0-1.24.942-2.246%202.105-2.246C21.057%209%2022%2010.005%2022%2011.246v4.611c0%201.063%200%201.594-.094%202.033a4%204%200%200%201-1.656%202.494v1.866a.75.75%200%200%201-1.5%200v-1.292c-.36.042-.826.042-1.571.042%22%2F%3E%3Cpath%20d%3D%22M6%208.154V17h12V8.154c0-2.3%200-3.451-.482-4.308A3.65%203.65%200%200%200%2016.2%202.495C15.365%202%2014.243%202%2012%202s-3.365%200-4.2.495a3.65%203.65%200%200%200-1.318%201.351C6%204.703%206%205.853%206%208.154%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M17.179%2021H6.82c-.745%200-1.21%200-1.571-.042v1.291a.75.75%200%200%201-1.5%200v-1.865a4%204%200%200%201-1.656-2.494C2%2017.45%202%2016.92%202%2015.857v-4.611C2%2010.006%202.943%209%204.105%209c1.163%200%202.106%201.005%202.106%202.246v3.087c0%20.943%200%201.415.292%201.707c.293.293.765.293%201.708.293h7.579c.942%200%201.414%200%201.707-.293c.293-.292.293-.764.293-1.707v-3.087c0-1.24.942-2.246%202.105-2.246C21.057%209%2022%2010.005%2022%2011.246v4.611c0%201.063%200%201.594-.094%202.033a4%204%200%200%201-1.656%202.494v1.866a.75.75%200%200%201-1.5%200v-1.292c-.36.042-.826.042-1.571.042%22%2F%3E%3Cpath%20d%3D%22M6%208.154V17h12V8.154c0-2.3%200-3.451-.482-4.308A3.65%203.65%200%200%200%2016.2%202.495C15.365%202%2014.243%202%2012%202s-3.365%200-4.2.495a3.65%203.65%200%200%200-1.318%201.351C6%204.703%206%205.853%206%208.154%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/armchair-duotone.svg?color=%231a73e8&size=48
