settings seating icon

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

Name: settings-seating
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: settings-seating-sharp

3 other variants in Material Symbols Light

settings-seating-outline settings-seating-outline-rounded settings-seating-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.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.221M8.73 17.23v-2.826h-.38q-.627 0-1.096-.429t-.52-1.05L6 4h1.816q.875 0 1.517.566q.642.565.784 1.434l.594 4.096h4.02q1.361 0 2.315.964q.954.963.954 2.344v1h-1.846v2.827h-1v-2.827H9.73v2.827z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSettingsSeating(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.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.221M8.73 17.23v-2.826h-.38q-.627 0-1.096-.429t-.52-1.05L6 4h1.816q.875 0 1.517.566q.642.565.784 1.434l.594 4.096h4.02q1.361 0 2.315.964q.954.963.954 2.344v1h-1.846v2.827h-1v-2.827H9.73v2.827z"/></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.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.221M8.73 17.23v-2.826h-.38q-.627 0-1.096-.429t-.52-1.05L6 4h1.816q.875 0 1.517.566q.642.565.784 1.434l.594 4.096h4.02q1.361 0 2.315.964q.954.963.954 2.344v1h-1.846v2.827h-1v-2.827H9.73v2.827z"/></svg>
</template>

CSS

.icon-settings-seating {
  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.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.221M8.73%2017.23v-2.826h-.38q-.627%200-1.096-.429t-.52-1.05L6%204h1.816q.875%200%201.517.566q.642.565.784%201.434l.594%204.096h4.02q1.361%200%202.315.964q.954.963.954%202.344v1h-1.846v2.827h-1v-2.827H9.73v2.827z%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.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.221M8.73%2017.23v-2.826h-.38q-.627%200-1.096-.429t-.52-1.05L6%204h1.816q.875%200%201.517.566q.642.565.784%201.434l.594%204.096h4.02q1.361%200%202.315.964q.954.963.954%202.344v1h-1.846v2.827h-1v-2.827H9.73v2.827z%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.svg?color=%231a73e8&size=48