Seat Add icon

Use the Seat Add 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 { SeatAdd24Regular, SeatAdd24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

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

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="M23 6.5C23 3.46243 20.5376 1 17.5 1C14.4624 1 12 3.46243 12 6.5C12 9.53757 14.4624 12 17.5 12C20.5376 12 23 9.53757 23 6.5ZM18.0006 7.00001L18.0011 9.50352C18.0011 9.77966 17.7773 10.0035 17.5011 10.0035C17.225 10.0035 17.0011 9.77966 17.0011 9.50352L17.0006 7.00001H14.4956C14.2197 7.00001 13.9961 6.77615 13.9961 6.50001C13.9961 6.22387 14.2197 6.00001 14.4956 6.00001H17.0005L17 3.49927C17 3.22313 17.2239 2.99927 17.5 2.99927C17.7761 2.99927 18 3.22313 18 3.49927L18.0005 6.00001H20.4966C20.7725 6.00001 20.9961 6.22387 20.9961 6.50001C20.9961 6.77615 20.7725 7.00001 20.4966 7.00001H18.0006ZM19.5 14.5C19.5 13.8407 19.181 13.2559 18.6888 12.8915C19.5266 12.7367 20.308 12.4212 21 11.9782V18.75C21 19.9926 19.9926 21 18.75 21H5.25C4.00736 21 3 19.9926 3 18.75V6.25C3 4.45507 4.45507 3 6.25 3H12.0218C11.7253 3.46321 11.4858 3.96653 11.3135 4.5H6.25C5.2835 4.5 4.5 5.2835 4.5 6.25V11.6273C5.06692 11.2319 5.75638 11 6.5 11C7.61548 11 8.60909 11.5218 9.25 12.3347C9.89092 11.5218 10.8845 11 12 11C12.3234 11 12.6365 11.0439 12.9337 11.1259C13.8398 12.0203 15.0072 12.6505 16.3112 12.8915C15.819 13.2559 15.5 13.8407 15.5 14.5V19.5H18.75C19.1642 19.5 19.5 19.1642 19.5 18.75V14.5ZM14 14.5C14 13.3954 13.1046 12.5 12 12.5C10.8954 12.5 10 13.3954 10 14.5V19.5H14V14.5ZM5.25 19.5H8.5V14.5C8.5 13.3954 7.60457 12.5 6.5 12.5C5.39543 12.5 4.5 13.3954 4.5 14.5V18.75C4.5 19.1642 4.83579 19.5 5.25 19.5Z" 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_add_24_regular.svg";

Details

Keywords

togethertogethermodesharevideocollaborationview