Building Retail Money icon

Use the Building Retail Money 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 { BuildingRetailMoney24Regular, BuildingRetailMoney24Filled } from "@fluentui/react-icons";

export function Example() {
  return <BuildingRetailMoney24Regular aria-label="Building Retail Money" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_building_retail_money_24_regular.svg" width="24" height="24" alt="Building Retail Money">

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="M6.75 8C6.33579 8 6 8.33579 6 8.75V12.25C6 12.6642 6.33579 13 6.75 13H17.25C17.6642 13 18 12.6642 18 12.25V8.75C18 8.33579 17.6642 8 17.25 8H6.75ZM7.5 11.5V9.5H16.5V11.5H7.5ZM13.75 14C13.3358 14 13 14.3358 13 14.75V15.05C13.1616 15.0172 13.3288 15 13.5 15H18V14.75C18 14.3358 17.6642 14 17.25 14H13.75ZM11.5 14.75V15.9998C11.186 16.4176 11 16.9371 11 17.5V21H3.75C3.33579 21 3 20.6642 3 20.25V6.73244C2.4022 6.38663 2 5.74028 2 5C2 3.89543 2.89543 3 4 3H20C21.1046 3 22 3.89543 22 5C22 5.74028 21.5978 6.38663 21 6.73244V15H19.5V7H4.5V19.5H6V14.75C6 14.3358 6.33579 14 6.75 14H10.75C11.1642 14 11.5 14.3358 11.5 14.75ZM3.5 5C3.5 5.27614 3.72386 5.5 4 5.5H20C20.2761 5.5 20.5 5.27614 20.5 5C20.5 4.72386 20.2761 4.5 20 4.5H4C3.72386 4.5 3.5 4.72386 3.5 5ZM10 19.5V15.5H7.5V19.5H10ZM12 17.5C12 16.6716 12.6716 16 13.5 16H21.5C22.3284 16 23 16.6716 23 17.5V21.5C23 22.3284 22.3284 23 21.5 23H13.5C12.6716 23 12 22.3284 12 21.5V17.5ZM22 18C21.4477 18 21 17.5523 21 17H20C20 18.1046 20.8954 19 22 19V18ZM22 20C20.8954 20 20 20.8954 20 22H21C21 21.4477 21.4477 21 22 21V20ZM14 17C14 17.5523 13.5523 18 13 18V19C14.1046 19 15 18.1046 15 17H14ZM15 22C15 20.8954 14.1046 20 13 20V21C13.5523 21 14 21.4477 14 22H15ZM19.25 19.5C19.25 18.5335 18.4665 17.75 17.5 17.75C16.5335 17.75 15.75 18.5335 15.75 19.5C15.75 20.4665 16.5335 21.25 17.5 21.25C18.4665 21.25 19.25 20.4665 19.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/building_retail_money_24_regular.svg";

Details

Keywords

structureconstructionarchitectureshop