chair umbrella icon
chair-umbrella-rounded from Material Symbols Light by Google · Rounded · Household · Apache-2.0 Free for personal and commercial use.
- Name
- chair-umbrella-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Household
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More household icons from Material Symbols Light
Use the chair umbrella icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.838 19.875q-.126-.126-.126-.317V16.68q-.335-.125-.558-.389q-.223-.263-.273-.629L3.06 8.23q-.03-.214.119-.385t.382-.171q.188 0 .34.133q.151.134.179.325l.74 6.484h4.102q.667 0 1.141.475t.475 1.14q0 .221-.15.37t-.37.15h-.25v2.827q0 .171-.117.297T9.355 20t-.315-.135t-.136-.307V16.75H5.596v2.808q0 .191-.125.317q-.125.125-.316.125t-.318-.125m8.114-.019q-.143-.144-.143-.356V10q-.35-.565-.94-.908t-1.291-.342q-.73 0-1.32.358t-.938.946q-.052.046-.118.063t-.135.017q-.345 0-.578-.247t-.177-.574Q7.603 7.05 9.3 5.525T13.317 4t4 1.525t1.987 3.789q.062.327-.176.574t-.578.247q-.07 0-.135-.018q-.067-.017-.119-.063q-.344-.594-.935-.95q-.592-.354-1.303-.354q-.702 0-1.292.342q-.589.342-.958.908v9.5q0 .213-.144.356t-.357.144t-.356-.144m3.27 0q-.144-.144-.144-.356v-4.077q0-.343.232-.575q.232-.233.575-.233h3.305q.352 0 .581.233q.23.232.23.575V19.5q0 .213-.144.356t-.357.144t-.356-.144T20 19.5v-3.884h-2.923V19.5q0 .213-.144.356t-.357.144t-.356-.144"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightChairUmbrellaRounded(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="M4.838 19.875q-.126-.126-.126-.317V16.68q-.335-.125-.558-.389q-.223-.263-.273-.629L3.06 8.23q-.03-.214.119-.385t.382-.171q.188 0 .34.133q.151.134.179.325l.74 6.484h4.102q.667 0 1.141.475t.475 1.14q0 .221-.15.37t-.37.15h-.25v2.827q0 .171-.117.297T9.355 20t-.315-.135t-.136-.307V16.75H5.596v2.808q0 .191-.125.317q-.125.125-.316.125t-.318-.125m8.114-.019q-.143-.144-.143-.356V10q-.35-.565-.94-.908t-1.291-.342q-.73 0-1.32.358t-.938.946q-.052.046-.118.063t-.135.017q-.345 0-.578-.247t-.177-.574Q7.603 7.05 9.3 5.525T13.317 4t4 1.525t1.987 3.789q.062.327-.176.574t-.578.247q-.07 0-.135-.018q-.067-.017-.119-.063q-.344-.594-.935-.95q-.592-.354-1.303-.354q-.702 0-1.292.342q-.589.342-.958.908v9.5q0 .213-.144.356t-.357.144t-.356-.144m3.27 0q-.144-.144-.144-.356v-4.077q0-.343.232-.575q.232-.233.575-.233h3.305q.352 0 .581.233q.23.232.23.575V19.5q0 .213-.144.356t-.357.144t-.356-.144T20 19.5v-3.884h-2.923V19.5q0 .213-.144.356t-.357.144t-.356-.144"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.838 19.875q-.126-.126-.126-.317V16.68q-.335-.125-.558-.389q-.223-.263-.273-.629L3.06 8.23q-.03-.214.119-.385t.382-.171q.188 0 .34.133q.151.134.179.325l.74 6.484h4.102q.667 0 1.141.475t.475 1.14q0 .221-.15.37t-.37.15h-.25v2.827q0 .171-.117.297T9.355 20t-.315-.135t-.136-.307V16.75H5.596v2.808q0 .191-.125.317q-.125.125-.316.125t-.318-.125m8.114-.019q-.143-.144-.143-.356V10q-.35-.565-.94-.908t-1.291-.342q-.73 0-1.32.358t-.938.946q-.052.046-.118.063t-.135.017q-.345 0-.578-.247t-.177-.574Q7.603 7.05 9.3 5.525T13.317 4t4 1.525t1.987 3.789q.062.327-.176.574t-.578.247q-.07 0-.135-.018q-.067-.017-.119-.063q-.344-.594-.935-.95q-.592-.354-1.303-.354q-.702 0-1.292.342q-.589.342-.958.908v9.5q0 .213-.144.356t-.357.144t-.356-.144m3.27 0q-.144-.144-.144-.356v-4.077q0-.343.232-.575q.232-.233.575-.233h3.305q.352 0 .581.233q.23.232.23.575V19.5q0 .213-.144.356t-.357.144t-.356-.144T20 19.5v-3.884h-2.923V19.5q0 .213-.144.356t-.357.144t-.356-.144"/></svg> </template>
CSS
.icon-chair-umbrella-rounded {
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%22M4.838%2019.875q-.126-.126-.126-.317V16.68q-.335-.125-.558-.389q-.223-.263-.273-.629L3.06%208.23q-.03-.214.119-.385t.382-.171q.188%200%20.34.133q.151.134.179.325l.74%206.484h4.102q.667%200%201.141.475t.475%201.14q0%20.221-.15.37t-.37.15h-.25v2.827q0%20.171-.117.297T9.355%2020t-.315-.135t-.136-.307V16.75H5.596v2.808q0%20.191-.125.317q-.125.125-.316.125t-.318-.125m8.114-.019q-.143-.144-.143-.356V10q-.35-.565-.94-.908t-1.291-.342q-.73%200-1.32.358t-.938.946q-.052.046-.118.063t-.135.017q-.345%200-.578-.247t-.177-.574Q7.603%207.05%209.3%205.525T13.317%204t4%201.525t1.987%203.789q.062.327-.176.574t-.578.247q-.07%200-.135-.018q-.067-.017-.119-.063q-.344-.594-.935-.95q-.592-.354-1.303-.354q-.702%200-1.292.342q-.589.342-.958.908v9.5q0%20.213-.144.356t-.357.144t-.356-.144m3.27%200q-.144-.144-.144-.356v-4.077q0-.343.232-.575q.232-.233.575-.233h3.305q.352%200%20.581.233q.23.232.23.575V19.5q0%20.213-.144.356t-.357.144t-.356-.144T20%2019.5v-3.884h-2.923V19.5q0%20.213-.144.356t-.357.144t-.356-.144%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%22M4.838%2019.875q-.126-.126-.126-.317V16.68q-.335-.125-.558-.389q-.223-.263-.273-.629L3.06%208.23q-.03-.214.119-.385t.382-.171q.188%200%20.34.133q.151.134.179.325l.74%206.484h4.102q.667%200%201.141.475t.475%201.14q0%20.221-.15.37t-.37.15h-.25v2.827q0%20.171-.117.297T9.355%2020t-.315-.135t-.136-.307V16.75H5.596v2.808q0%20.191-.125.317q-.125.125-.316.125t-.318-.125m8.114-.019q-.143-.144-.143-.356V10q-.35-.565-.94-.908t-1.291-.342q-.73%200-1.32.358t-.938.946q-.052.046-.118.063t-.135.017q-.345%200-.578-.247t-.177-.574Q7.603%207.05%209.3%205.525T13.317%204t4%201.525t1.987%203.789q.062.327-.176.574t-.578.247q-.07%200-.135-.018q-.067-.017-.119-.063q-.344-.594-.935-.95q-.592-.354-1.303-.354q-.702%200-1.292.342q-.589.342-.958.908v9.5q0%20.213-.144.356t-.357.144t-.356-.144m3.27%200q-.144-.144-.144-.356v-4.077q0-.343.232-.575q.232-.233.575-.233h3.305q.352%200%20.581.233q.23.232.23.575V19.5q0%20.213-.144.356t-.357.144t-.356-.144T20%2019.5v-3.884h-2.923V19.5q0%20.213-.144.356t-.357.144t-.356-.144%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/chair-umbrella-rounded.svg?color=%231a73e8&size=48
