sofa 3 icon
sofa-3-bold-duotone from Solar by 480 Design · Bold Duotone · Home · CC-BY-4.0 Attribution required.
- Name
- sofa-3-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Home
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
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-boldchair-boldchandelier-boldcloset-2-boldcloset-boldconditioner-2-boldconditioner-boldfloor-lamp-boldfloor-lamp-minimalistic-boldfridge-boldlamp-boldmirror-boldremote-controller-2-boldremote-controller-boldremote-controller-minimalistic-bold
Use the sofa 3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4.75 17.75V19.75C4.75 20.1642 4.41421 20.5 4 20.5C3.58579 20.5 3.25 20.1642 3.25 19.75V17.6046C2.51704 17.3079 2 16.5893 2 15.75C2 14.6454 2.89543 13.75 4 13.75H20C21.1046 13.75 22 14.6454 22 15.75C22 16.5893 21.483 17.3079 20.75 17.6046V19.75C20.75 20.1642 20.4142 20.5 20 20.5C19.5858 20.5 19.25 20.1642 19.25 19.75V17.75H4.75Z"/><path d="M19.7492 12.75C20.7161 8.86578 21.1451 6.84737 20.1335 5.42821C20.066 5.33345 19.9943 5.24169 19.9188 5.15317C18.7211 3.75 16.4806 3.75 11.9994 3.75C7.51831 3.75 5.27775 3.75 4.0801 5.15317C4.00455 5.24169 3.9329 5.33345 3.86535 5.42821C2.85375 6.84737 3.28281 8.86578 4.24968 12.75L4.44955 13.75H19.5494L19.7492 12.75Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarSofa3BoldDuotone(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="M4.75 17.75V19.75C4.75 20.1642 4.41421 20.5 4 20.5C3.58579 20.5 3.25 20.1642 3.25 19.75V17.6046C2.51704 17.3079 2 16.5893 2 15.75C2 14.6454 2.89543 13.75 4 13.75H20C21.1046 13.75 22 14.6454 22 15.75C22 16.5893 21.483 17.3079 20.75 17.6046V19.75C20.75 20.1642 20.4142 20.5 20 20.5C19.5858 20.5 19.25 20.1642 19.25 19.75V17.75H4.75Z"/><path d="M19.7492 12.75C20.7161 8.86578 21.1451 6.84737 20.1335 5.42821C20.066 5.33345 19.9943 5.24169 19.9188 5.15317C18.7211 3.75 16.4806 3.75 11.9994 3.75C7.51831 3.75 5.27775 3.75 4.0801 5.15317C4.00455 5.24169 3.9329 5.33345 3.86535 5.42821C2.85375 6.84737 3.28281 8.86578 4.24968 12.75L4.44955 13.75H19.5494L19.7492 12.75Z" 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="M4.75 17.75V19.75C4.75 20.1642 4.41421 20.5 4 20.5C3.58579 20.5 3.25 20.1642 3.25 19.75V17.6046C2.51704 17.3079 2 16.5893 2 15.75C2 14.6454 2.89543 13.75 4 13.75H20C21.1046 13.75 22 14.6454 22 15.75C22 16.5893 21.483 17.3079 20.75 17.6046V19.75C20.75 20.1642 20.4142 20.5 20 20.5C19.5858 20.5 19.25 20.1642 19.25 19.75V17.75H4.75Z"/><path d="M19.7492 12.75C20.7161 8.86578 21.1451 6.84737 20.1335 5.42821C20.066 5.33345 19.9943 5.24169 19.9188 5.15317C18.7211 3.75 16.4806 3.75 11.9994 3.75C7.51831 3.75 5.27775 3.75 4.0801 5.15317C4.00455 5.24169 3.9329 5.33345 3.86535 5.42821C2.85375 6.84737 3.28281 8.86578 4.24968 12.75L4.44955 13.75H19.5494L19.7492 12.75Z" opacity=".5"/></g></svg> </template>
CSS
.icon-sofa-3-bold-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%22M4.75%2017.75V19.75C4.75%2020.1642%204.41421%2020.5%204%2020.5C3.58579%2020.5%203.25%2020.1642%203.25%2019.75V17.6046C2.51704%2017.3079%202%2016.5893%202%2015.75C2%2014.6454%202.89543%2013.75%204%2013.75H20C21.1046%2013.75%2022%2014.6454%2022%2015.75C22%2016.5893%2021.483%2017.3079%2020.75%2017.6046V19.75C20.75%2020.1642%2020.4142%2020.5%2020%2020.5C19.5858%2020.5%2019.25%2020.1642%2019.25%2019.75V17.75H4.75Z%22%2F%3E%3Cpath%20d%3D%22M19.7492%2012.75C20.7161%208.86578%2021.1451%206.84737%2020.1335%205.42821C20.066%205.33345%2019.9943%205.24169%2019.9188%205.15317C18.7211%203.75%2016.4806%203.75%2011.9994%203.75C7.51831%203.75%205.27775%203.75%204.0801%205.15317C4.00455%205.24169%203.9329%205.33345%203.86535%205.42821C2.85375%206.84737%203.28281%208.86578%204.24968%2012.75L4.44955%2013.75H19.5494L19.7492%2012.75Z%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%22M4.75%2017.75V19.75C4.75%2020.1642%204.41421%2020.5%204%2020.5C3.58579%2020.5%203.25%2020.1642%203.25%2019.75V17.6046C2.51704%2017.3079%202%2016.5893%202%2015.75C2%2014.6454%202.89543%2013.75%204%2013.75H20C21.1046%2013.75%2022%2014.6454%2022%2015.75C22%2016.5893%2021.483%2017.3079%2020.75%2017.6046V19.75C20.75%2020.1642%2020.4142%2020.5%2020%2020.5C19.5858%2020.5%2019.25%2020.1642%2019.25%2019.75V17.75H4.75Z%22%2F%3E%3Cpath%20d%3D%22M19.7492%2012.75C20.7161%208.86578%2021.1451%206.84737%2020.1335%205.42821C20.066%205.33345%2019.9943%205.24169%2019.9188%205.15317C18.7211%203.75%2016.4806%203.75%2011.9994%203.75C7.51831%203.75%205.27775%203.75%204.0801%205.15317C4.00455%205.24169%203.9329%205.33345%203.86535%205.42821C2.85375%206.84737%203.28281%208.86578%204.24968%2012.75L4.44955%2013.75H19.5494L19.7492%2012.75Z%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/sofa-3-bold-duotone.svg?color=%231a73e8&size=48
