Device Meeting Room Remote icon
Used to represent meeting room devices in office. The Device Meeting Room Remote icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Device Meeting Room Remote 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 { DeviceMeetingRoomRemote24Regular, DeviceMeetingRoomRemote24Filled } from "@fluentui/react-icons";
export function Example() {
return <DeviceMeetingRoomRemote24Regular aria-label="Device Meeting Room Remote" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_device_meeting_room_remote_24_regular.svg" width="24" height="24" alt="Device Meeting Room Remote"> 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="M4.09413 5.34571C4.42543 3.96976 5.65654 3 7.07202 3H16.9298C18.3453 3 19.5764 3.96976 19.9077 5.34571L21.8997 13.6191C22.4374 15.8521 20.7449 18 18.4478 18H10.5012V16.5H18.4478C19.7743 16.5 20.7516 15.2596 20.4412 13.9702L18.4491 5.69679C18.2801 4.99478 17.652 4.5 16.9298 4.5H7.07202C6.34984 4.5 5.72172 4.99478 5.55269 5.69679L4.87774 8.5H3.75013C3.60619 8.5 3.46483 8.51106 3.32686 8.53236L4.09413 5.34571ZM10.4899 20.5H17.2517C17.666 20.5 18.0018 20.1642 18.0018 19.75C18.0018 19.3358 17.666 19 17.2517 19H10.5012V20.25C10.5012 20.3343 10.4974 20.4177 10.4899 20.5ZM5.75057 14.5C6.44103 14.5 7.00076 13.9404 7.00076 13.25C7.00076 12.5596 6.44103 12 5.75057 12C5.06011 12 4.50038 12.5596 4.50038 13.25C4.50038 13.9404 5.06011 14.5 5.75057 14.5ZM2 11.25C2 10.2835 2.78362 9.5 3.75027 9.5H7.75087C8.71751 9.5 9.50114 10.2835 9.50114 11.25V20.25C9.50114 21.2165 8.71751 22 7.75087 22H3.75026C2.78362 22 2 21.2165 2 20.25V11.25ZM3.75027 11C3.61217 11 3.50023 11.1119 3.50023 11.25V20.25C3.50023 20.3881 3.61217 20.5 3.75026 20.5H7.75087C7.88896 20.5 8.00091 20.3881 8.00091 20.25V11.25C8.00091 11.1119 7.88896 11 7.75087 11H3.75027Z" 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_remote_24_regular.svg";Details
| Name | Device Meeting Room Remote |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_device_meeting_room_remote_24_regular.svg |
| Filled file | ic_fluent_device_meeting_room_remote_24_filled.svg |
| React components | DeviceMeetingRoomRemote24Regular, DeviceMeetingRoomRemote24Filled |
| License | MIT (© Microsoft Corporation) |