Call Rectangle Landscape icon

Use the Call Rectangle Landscape 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 { CallRectangleLandscape24Regular, CallRectangleLandscape24Filled } from "@fluentui/react-icons";

export function Example() {
  return <CallRectangleLandscape24Regular aria-label="Call Rectangle Landscape" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_call_rectangle_landscape_24_regular.svg" width="24" height="24" alt="Call Rectangle Landscape">

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="M5.25 4C3.45507 4 2 5.45507 2 7.25V16.75C2 18.5449 3.45507 20 5.25 20H18.75C20.5449 20 22 18.5449 22 16.75V7.25C22 5.45507 20.5449 4 18.75 4H5.25ZM3.5 7.25C3.5 6.2835 4.2835 5.5 5.25 5.5H18.75C19.7165 5.5 20.5 6.2835 20.5 7.25V16.75C20.5 17.7165 19.7165 18.5 18.75 18.5H5.25C4.2835 18.5 3.5 17.7165 3.5 16.75V7.25ZM7.90399 9.77705C8.978 9.28886 10.4266 9 12 9C13.5733 9 15.0219 9.28886 16.0959 9.77705C17.1248 10.2447 17.9999 10.993 17.9999 12V13.5032C17.9999 14.3807 17.2499 15.0708 16.3754 14.998L15.1982 14.8999C14.5393 14.8449 13.9941 14.3651 13.8559 13.7185L13.5728 12.3935C13.5626 12.3458 13.5482 12.3143 13.5369 12.2967C13.5316 12.2885 13.5277 12.2844 13.5259 12.2827C13.5248 12.2817 13.5243 12.2813 13.524 12.2811C13.3224 12.1764 12.8575 11.9999 12 11.9999C11.1424 11.9999 10.6777 12.1763 10.4762 12.281C10.476 12.2811 10.4754 12.2814 10.474 12.2827C10.4723 12.2844 10.4683 12.2885 10.463 12.2967C10.4517 12.3143 10.4373 12.3458 10.4271 12.3935L10.144 13.7185C10.0059 14.3651 9.46062 14.8449 8.80172 14.8999L7.62453 14.998C6.75002 15.0708 6 14.3807 6 13.5032V12C6 10.993 6.87512 10.2447 7.90399 9.77705Z" 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/call_rectangle_landscape_24_regular.svg";

Details