Real Estate icon

Use the Real Estate 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 { RealEstate24Regular, RealEstate24Filled } from "@fluentui/react-icons";

export function Example() {
  return <RealEstate24Regular aria-label="Real Estate" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_real_estate_24_regular.svg" width="24" height="24" alt="Real Estate">

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="M3.5 4.25V20.5H5V6.5H19.7275C20.1541 6.5 20.5 6.15415 20.5 5.72751C20.5 5.30088 20.1541 4.95502 19.7275 4.95502L5 4.95508V4.20502C5 3.81565 4.68435 3.5 4.29498 3.5H4.25C3.83579 3.5 3.5 3.83579 3.5 4.25ZM22 5.72751C22 6.5111 21.6034 7.20205 21 7.6106V15.25C21 17.3211 19.3211 19 17.25 19H8.75C7.9058 19 7.12675 18.721 6.5 18.2503V20.75C6.5 21.4404 5.94036 22 5.25 22H3.25C2.55964 22 2 21.4404 2 20.75V4.25C2 3.00736 3.00736 2 4.25 2H4.29498C5.24945 2 6.06227 2.60644 6.36917 3.45502H19.7275C20.9826 3.45502 22 4.47245 22 5.72751ZM6.5 8V15.25C6.5 16.4926 7.50736 17.5 8.75 17.5H17.25C18.4926 17.5 19.5 16.4926 19.5 15.25V8H6.5ZM9.5 12.4601C9.5 12.1682 9.62756 11.8908 9.84921 11.7008L12.6746 9.27906C12.8618 9.11857 13.1382 9.11857 13.3254 9.27906L16.1508 11.7008C16.3724 11.8908 16.5 12.1682 16.5 12.4601V15.5002C16.5 15.7763 16.2761 16.0002 16 16.0002H14.25C14.1119 16.0002 14 15.8882 14 15.7502V14.5002C14 14.224 13.7761 14.0002 13.5 14.0002H12.5C12.2239 14.0002 12 14.224 12 14.5002V15.7502C12 15.8882 11.8881 16.0002 11.75 16.0002H10C9.72386 16.0002 9.5 15.7763 9.5 15.5002V12.4601Z" 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/real_estate_24_regular.svg";

Details

Keywords

forsalesignpropertyhousehome