Device Meeting Room Bar icon

Use the Device Meeting Room Bar 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 { DeviceMeetingRoomBar24Regular, DeviceMeetingRoomBar24Filled } from "@fluentui/react-icons";

export function Example() {
  return <DeviceMeetingRoomBar24Regular aria-label="Device Meeting Room Bar" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_device_meeting_room_bar_24_regular.svg" width="24" height="24" alt="Device Meeting Room Bar">

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="M15.251 17.5C15.665 17.5002 16.001 17.8359 16.001 18.25C16.001 18.6641 15.665 18.9998 15.251 19H8.75391C8.33969 19 8.00391 18.6642 8.00391 18.25C8.00391 17.8358 8.33969 17.5 8.75391 17.5H15.251ZM18.751 5C20.5457 5.00025 22.001 6.45523 22.001 8.25V12.75C22.001 14.5448 20.5457 15.9998 18.751 16H5.25391C3.45898 16 2.00391 14.5449 2.00391 12.75V8.25C2.00391 6.45507 3.45898 5 5.25391 5H18.751ZM5.25391 6.5C4.28741 6.5 3.50391 7.2835 3.50391 8.25V12.75C3.50391 13.7165 4.28741 14.5 5.25391 14.5H18.751C19.7173 14.4998 20.501 13.7163 20.501 12.75V8.25C20.501 7.28366 19.7173 6.50025 18.751 6.5H5.25391ZM12 7.5C13.6569 7.5 15 8.84315 15 10.5C15 12.1569 13.6569 13.5 12 13.5C10.3431 13.5 9 12.1569 9 10.5C9 8.84315 10.3431 7.5 12 7.5ZM12 9C11.1716 9 10.5 9.67157 10.5 10.5C10.5 11.3284 11.1716 12 12 12C12.8284 12 13.5 11.3284 13.5 10.5C13.5 9.67157 12.8284 9 12 9ZM6.5 9.5C7.05228 9.5 7.5 9.94772 7.5 10.5C7.5 11.0523 7.05228 11.5 6.5 11.5C5.94772 11.5 5.5 11.0523 5.5 10.5C5.5 9.94772 5.94772 9.5 6.5 9.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/device_meeting_room_bar_24_regular.svg";

Details

Keywords

officeremotetouchscreenconferenceroom