Seat icon

Use the Seat icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { Seat24Regular, Seat24Filled } from "@fluentui/react-icons";

export function Example() {
  return <Seat24Regular aria-label="Seat" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_seat_24_regular.svg" width="24" height="24" alt="Seat">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 3C4.45507 3 3 4.45507 3 6.25V18.75C3 19.9926 4.00736 21 5.25 21H18.75C19.9926 21 21 19.9926 21 18.75V6.25C21 4.45507 19.5449 3 17.75 3H6.25ZM19.5 11.6273C18.9331 11.2319 18.2436 11 17.5 11C16.3845 11 15.3909 11.5218 14.75 12.3347C14.1091 11.5218 13.1155 11 12 11C10.8845 11 9.89092 11.5218 9.25 12.3347C8.60909 11.5218 7.61548 11 6.5 11C5.75638 11 5.06692 11.2319 4.5 11.6273V6.25C4.5 5.2835 5.2835 4.5 6.25 4.5H17.75C18.7165 4.5 19.5 5.2835 19.5 6.25V11.6273ZM14 14.5V19.5H10V14.5C10 13.3954 10.8954 12.5 12 12.5C13.1046 12.5 14 13.3954 14 14.5ZM15.5 19.5V14.5C15.5 13.3954 16.3954 12.5 17.5 12.5C18.6046 12.5 19.5 13.3954 19.5 14.5V18.75C19.5 19.1642 19.1642 19.5 18.75 19.5H15.5ZM5.25 19.5C4.83579 19.5 4.5 19.1642 4.5 18.75V14.5C4.5 13.3954 5.39543 12.5 6.5 12.5C7.60457 12.5 8.5 13.3954 8.5 14.5V19.5H5.25Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/seat_24_regular.svg";

Details

Keywords

togethertogethermodesharevideocollaborationview