settings seating icon

settings-seating-rounded from Material Symbols Light by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.

Name: settings-seating-rounded
Set: Material Symbols Light
Style: Rounded
Category: Social
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols Light

settings-seating settings-seating-outline settings-seating-outline-rounded

The same icon in other sets

settings-seatingMaterial Symbols

More social icons from Material Symbols Light

Use the settings seating icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.874 17.087q-.143-.144-.143-.356v-2.327H8.35q-.627 0-1.096-.429t-.52-1.05l-.653-8.062q-.031-.348.202-.605t.6-.258h.932q.876 0 1.518.565q.642.566.784 1.435l.594 4.096h4.02q1.361 0 2.315.964q.954.963.954 2.344v.23q0 .31-.23.54t-.54.23h-1.076v2.327q0 .212-.144.356t-.357.144t-.356-.144t-.143-.356v-2.327H9.73v2.327q0 .212-.144.356t-.357.144t-.356-.144M8.308 21q-.31 0-.52-.22t-.211-.52t.21-.511t.52-.21t.521.21t.21.52q0 .29-.21.51t-.52.221m3.673 0q-.31 0-.52-.22t-.211-.52t.21-.511t.52-.21t.521.21t.21.52q0 .29-.21.51t-.52.221m3.673 0q-.29 0-.51-.22t-.221-.52t.22-.511t.52-.21t.511.21t.21.52q0 .29-.21.51t-.52.221"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSettingsSeatingRounded(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="M8.874 17.087q-.143-.144-.143-.356v-2.327H8.35q-.627 0-1.096-.429t-.52-1.05l-.653-8.062q-.031-.348.202-.605t.6-.258h.932q.876 0 1.518.565q.642.566.784 1.435l.594 4.096h4.02q1.361 0 2.315.964q.954.963.954 2.344v.23q0 .31-.23.54t-.54.23h-1.076v2.327q0 .212-.144.356t-.357.144t-.356-.144t-.143-.356v-2.327H9.73v2.327q0 .212-.144.356t-.357.144t-.356-.144M8.308 21q-.31 0-.52-.22t-.211-.52t.21-.511t.52-.21t.521.21t.21.52q0 .29-.21.51t-.52.221m3.673 0q-.31 0-.52-.22t-.211-.52t.21-.511t.52-.21t.521.21t.21.52q0 .29-.21.51t-.52.221m3.673 0q-.29 0-.51-.22t-.221-.52t.22-.511t.52-.21t.511.21t.21.52q0 .29-.21.51t-.52.221"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.874 17.087q-.143-.144-.143-.356v-2.327H8.35q-.627 0-1.096-.429t-.52-1.05l-.653-8.062q-.031-.348.202-.605t.6-.258h.932q.876 0 1.518.565q.642.566.784 1.435l.594 4.096h4.02q1.361 0 2.315.964q.954.963.954 2.344v.23q0 .31-.23.54t-.54.23h-1.076v2.327q0 .212-.144.356t-.357.144t-.356-.144t-.143-.356v-2.327H9.73v2.327q0 .212-.144.356t-.357.144t-.356-.144M8.308 21q-.31 0-.52-.22t-.211-.52t.21-.511t.52-.21t.521.21t.21.52q0 .29-.21.51t-.52.221m3.673 0q-.31 0-.52-.22t-.211-.52t.21-.511t.52-.21t.521.21t.21.52q0 .29-.21.51t-.52.221m3.673 0q-.29 0-.51-.22t-.221-.52t.22-.511t.52-.21t.511.21t.21.52q0 .29-.21.51t-.52.221"/></svg>
</template>

CSS

.icon-settings-seating-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%22M8.874%2017.087q-.143-.144-.143-.356v-2.327H8.35q-.627%200-1.096-.429t-.52-1.05l-.653-8.062q-.031-.348.202-.605t.6-.258h.932q.876%200%201.518.565q.642.566.784%201.435l.594%204.096h4.02q1.361%200%202.315.964q.954.963.954%202.344v.23q0%20.31-.23.54t-.54.23h-1.076v2.327q0%20.212-.144.356t-.357.144t-.356-.144t-.143-.356v-2.327H9.73v2.327q0%20.212-.144.356t-.357.144t-.356-.144M8.308%2021q-.31%200-.52-.22t-.211-.52t.21-.511t.52-.21t.521.21t.21.52q0%20.29-.21.51t-.52.221m3.673%200q-.31%200-.52-.22t-.211-.52t.21-.511t.52-.21t.521.21t.21.52q0%20.29-.21.51t-.52.221m3.673%200q-.29%200-.51-.22t-.221-.52t.22-.511t.52-.21t.511.21t.21.52q0%20.29-.21.51t-.52.221%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%22M8.874%2017.087q-.143-.144-.143-.356v-2.327H8.35q-.627%200-1.096-.429t-.52-1.05l-.653-8.062q-.031-.348.202-.605t.6-.258h.932q.876%200%201.518.565q.642.566.784%201.435l.594%204.096h4.02q1.361%200%202.315.964q.954.963.954%202.344v.23q0%20.31-.23.54t-.54.23h-1.076v2.327q0%20.212-.144.356t-.357.144t-.356-.144t-.143-.356v-2.327H9.73v2.327q0%20.212-.144.356t-.357.144t-.356-.144M8.308%2021q-.31%200-.52-.22t-.211-.52t.21-.511t.52-.21t.521.21t.21.52q0%20.29-.21.51t-.52.221m3.673%200q-.31%200-.52-.22t-.211-.52t.21-.511t.52-.21t.521.21t.21.52q0%20.29-.21.51t-.52.221m3.673%200q-.29%200-.51-.22t-.221-.52t.22-.511t.52-.21t.511.21t.21.52q0%20.29-.21.51t-.52.221%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/settings-seating-rounded.svg?color=%231a73e8&size=48