seat icon

seat-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.

Name: seat-24-filled
Set: Fluent UI System Icons
Style: 24 Filled
Viewbox: 24×24
License: MIT

5 other variants in Fluent UI System Icons

seat-16-filled seat-16-regular seat-20-filled seat-20-regular seat-24-regular

The same icon in other sets

seatEmoji One (Colored)seatFluent Emoji seatFluent Emoji Flat seatFluent Emoji High Contrast seatFirefox OS Emoji seatIconPark seatIconPark Outline seatIconPark Solid seatIconPark TwoTone seatMaterial Design Icons seat-fillMingCute Icon seatNoto Emoji seatOpenMoji seatPhosphor seatSimple Icons seatTwitter Emoji

Related icons in Fluent UI System Icons

seat-add-16-filled seat-multiple-stadium-16-filled

Use the seat icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 6.25A3.25 3.25 0 0 1 6.25 3h11.5A3.25 3.25 0 0 1 21 6.25v5.627A4 4 0 0 0 18.5 11a4 4 0 0 0-3.25 1.668A4 4 0 0 0 12 11a4 4 0 0 0-3.25 1.668A4 4 0 0 0 5.5 11c-.946 0-1.815.328-2.5.877zM14.5 15a2.5 2.5 0 0 0-5 0v6h5zm1.5 6h2.75A2.25 2.25 0 0 0 21 18.75V15a2.5 2.5 0 0 0-5 0zm-8 0H5.25A2.25 2.25 0 0 1 3 18.75V15a2.5 2.5 0 0 1 5 0z"/></svg>

React

import type { SVGProps } from "react";

export function FluentSeat24Filled(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="M3 6.25A3.25 3.25 0 0 1 6.25 3h11.5A3.25 3.25 0 0 1 21 6.25v5.627A4 4 0 0 0 18.5 11a4 4 0 0 0-3.25 1.668A4 4 0 0 0 12 11a4 4 0 0 0-3.25 1.668A4 4 0 0 0 5.5 11c-.946 0-1.815.328-2.5.877zM14.5 15a2.5 2.5 0 0 0-5 0v6h5zm1.5 6h2.75A2.25 2.25 0 0 0 21 18.75V15a2.5 2.5 0 0 0-5 0zm-8 0H5.25A2.25 2.25 0 0 1 3 18.75V15a2.5 2.5 0 0 1 5 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 6.25A3.25 3.25 0 0 1 6.25 3h11.5A3.25 3.25 0 0 1 21 6.25v5.627A4 4 0 0 0 18.5 11a4 4 0 0 0-3.25 1.668A4 4 0 0 0 12 11a4 4 0 0 0-3.25 1.668A4 4 0 0 0 5.5 11c-.946 0-1.815.328-2.5.877zM14.5 15a2.5 2.5 0 0 0-5 0v6h5zm1.5 6h2.75A2.25 2.25 0 0 0 21 18.75V15a2.5 2.5 0 0 0-5 0zm-8 0H5.25A2.25 2.25 0 0 1 3 18.75V15a2.5 2.5 0 0 1 5 0z"/></svg>
</template>

CSS

.icon-seat-24-filled {
  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%22M3%206.25A3.25%203.25%200%200%201%206.25%203h11.5A3.25%203.25%200%200%201%2021%206.25v5.627A4%204%200%200%200%2018.5%2011a4%204%200%200%200-3.25%201.668A4%204%200%200%200%2012%2011a4%204%200%200%200-3.25%201.668A4%204%200%200%200%205.5%2011c-.946%200-1.815.328-2.5.877zM14.5%2015a2.5%202.5%200%200%200-5%200v6h5zm1.5%206h2.75A2.25%202.25%200%200%200%2021%2018.75V15a2.5%202.5%200%200%200-5%200zm-8%200H5.25A2.25%202.25%200%200%201%203%2018.75V15a2.5%202.5%200%200%201%205%200z%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%22M3%206.25A3.25%203.25%200%200%201%206.25%203h11.5A3.25%203.25%200%200%201%2021%206.25v5.627A4%204%200%200%200%2018.5%2011a4%204%200%200%200-3.25%201.668A4%204%200%200%200%2012%2011a4%204%200%200%200-3.25%201.668A4%204%200%200%200%205.5%2011c-.946%200-1.815.328-2.5.877zM14.5%2015a2.5%202.5%200%200%200-5%200v6h5zm1.5%206h2.75A2.25%202.25%200%200%200%2021%2018.75V15a2.5%202.5%200%200%200-5%200zm-8%200H5.25A2.25%202.25%200%200%201%203%2018.75V15a2.5%202.5%200%200%201%205%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/seat-24-filled.svg?color=%231a73e8&size=48