chair icon
chair-line-duotone from Solar by 480 Design · Line Duotone · Home · CC-BY-4.0 Attribution required.
- Name
- chair-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Home
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
chairBoxIcons v2chairFont Awesome 6 SolidchairFont Awesome SolidchairFluent EmojichairFluent Emoji FlatchairFluent Emoji High ContrastchairIconParkchairIconPark OutlinechairIconPark SolidchairIconPark TwoTonechairLine AwesomechairMaterial SymbolschairMaterial Symbols LightchairNoto EmojichairOpenMojichairPhosphorchairTwitter Emoji
More home icons from Solar
armchair-2-boldarmchair-boldbar-chair-boldbath-boldbed-boldbedside-table-2-boldbedside-table-3-boldbedside-table-4-boldbedside-table-boldchair-2-boldchandelier-boldcloset-2-boldcloset-boldconditioner-2-boldconditioner-boldfloor-lamp-boldfloor-lamp-minimalistic-boldfridge-boldlamp-boldmirror-boldremote-controller-2-boldremote-controller-boldremote-controller-minimalistic-boldsmart-vacuum-cleaner-2-bold
Use the chair icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M17 21V16M7 21V16" opacity=".5"/><path d="M15.5 12H8.50001C6.8501 12 6.02514 12 5.51257 12.5858C5.22669 12.9125 5.10026 13.3503 5.04435 14.0008C4.9669 14.9018 4.92818 15.3523 5.22538 15.6762C5.52259 16 6.01506 16 7.00001 16H17C17.985 16 18.4774 16 18.7746 15.6762C19.0718 15.3523 19.0331 14.9018 18.9557 14.0008C18.8998 13.3503 18.7733 12.9125 18.4874 12.5858C17.9749 12 17.1499 12 15.5 12Z"/><path d="M7 8C7 6.13077 7 5.19615 7.40192 4.5C7.66523 4.04394 8.04394 3.66523 8.5 3.40192C9.19615 3 10.1308 3 12 3C13.8692 3 14.8038 3 15.5 3.40192C15.9561 3.66523 16.3348 4.04394 16.5981 4.5C17 5.19615 17 6.13077 17 8V12H7V8Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarChairLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" d="M17 21V16M7 21V16" opacity=".5"/><path d="M15.5 12H8.50001C6.8501 12 6.02514 12 5.51257 12.5858C5.22669 12.9125 5.10026 13.3503 5.04435 14.0008C4.9669 14.9018 4.92818 15.3523 5.22538 15.6762C5.52259 16 6.01506 16 7.00001 16H17C17.985 16 18.4774 16 18.7746 15.6762C19.0718 15.3523 19.0331 14.9018 18.9557 14.0008C18.8998 13.3503 18.7733 12.9125 18.4874 12.5858C17.9749 12 17.1499 12 15.5 12Z"/><path d="M7 8C7 6.13077 7 5.19615 7.40192 4.5C7.66523 4.04394 8.04394 3.66523 8.5 3.40192C9.19615 3 10.1308 3 12 3C13.8692 3 14.8038 3 15.5 3.40192C15.9561 3.66523 16.3348 4.04394 16.5981 4.5C17 5.19615 17 6.13077 17 8V12H7V8Z" 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="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M17 21V16M7 21V16" opacity=".5"/><path d="M15.5 12H8.50001C6.8501 12 6.02514 12 5.51257 12.5858C5.22669 12.9125 5.10026 13.3503 5.04435 14.0008C4.9669 14.9018 4.92818 15.3523 5.22538 15.6762C5.52259 16 6.01506 16 7.00001 16H17C17.985 16 18.4774 16 18.7746 15.6762C19.0718 15.3523 19.0331 14.9018 18.9557 14.0008C18.8998 13.3503 18.7733 12.9125 18.4874 12.5858C17.9749 12 17.1499 12 15.5 12Z"/><path d="M7 8C7 6.13077 7 5.19615 7.40192 4.5C7.66523 4.04394 8.04394 3.66523 8.5 3.40192C9.19615 3 10.1308 3 12 3C13.8692 3 14.8038 3 15.5 3.40192C15.9561 3.66523 16.3348 4.04394 16.5981 4.5C17 5.19615 17 6.13077 17 8V12H7V8Z" opacity=".5"/></g></svg> </template>
CSS
.icon-chair-line-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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17%2021V16M7%2021V16%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M15.5%2012H8.50001C6.8501%2012%206.02514%2012%205.51257%2012.5858C5.22669%2012.9125%205.10026%2013.3503%205.04435%2014.0008C4.9669%2014.9018%204.92818%2015.3523%205.22538%2015.6762C5.52259%2016%206.01506%2016%207.00001%2016H17C17.985%2016%2018.4774%2016%2018.7746%2015.6762C19.0718%2015.3523%2019.0331%2014.9018%2018.9557%2014.0008C18.8998%2013.3503%2018.7733%2012.9125%2018.4874%2012.5858C17.9749%2012%2017.1499%2012%2015.5%2012Z%22%2F%3E%3Cpath%20d%3D%22M7%208C7%206.13077%207%205.19615%207.40192%204.5C7.66523%204.04394%208.04394%203.66523%208.5%203.40192C9.19615%203%2010.1308%203%2012%203C13.8692%203%2014.8038%203%2015.5%203.40192C15.9561%203.66523%2016.3348%204.04394%2016.5981%204.5C17%205.19615%2017%206.13077%2017%208V12H7V8Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M17%2021V16M7%2021V16%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M15.5%2012H8.50001C6.8501%2012%206.02514%2012%205.51257%2012.5858C5.22669%2012.9125%205.10026%2013.3503%205.04435%2014.0008C4.9669%2014.9018%204.92818%2015.3523%205.22538%2015.6762C5.52259%2016%206.01506%2016%207.00001%2016H17C17.985%2016%2018.4774%2016%2018.7746%2015.6762C19.0718%2015.3523%2019.0331%2014.9018%2018.9557%2014.0008C18.8998%2013.3503%2018.7733%2012.9125%2018.4874%2012.5858C17.9749%2012%2017.1499%2012%2015.5%2012Z%22%2F%3E%3Cpath%20d%3D%22M7%208C7%206.13077%207%205.19615%207.40192%204.5C7.66523%204.04394%208.04394%203.66523%208.5%203.40192C9.19615%203%2010.1308%203%2012%203C13.8692%203%2014.8038%203%2015.5%203.40192C15.9561%203.66523%2016.3348%204.04394%2016.5981%204.5C17%205.19615%2017%206.13077%2017%208V12H7V8Z%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/solar/chair-line-duotone.svg?color=%231a73e8&size=48
