Home Money icon

Use the Home 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 { HomeMoney24Regular, HomeMoney24Filled } from "@fluentui/react-icons";

export function Example() {
  return <HomeMoney24Regular aria-label="Home Money" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_home_money_24_regular.svg" width="24" height="24" alt="Home 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="M20.5 15C21.3284 15 22 15.6716 22 16.5V20.5C22 21.3284 21.3284 22 20.5 22H12.5C11.6716 22 11 21.3284 11 20.5V16.5C11 15.6716 11.6716 15 12.5 15H20.5ZM10.5488 2.53222C11.3869 1.82524 12.6131 1.82524 13.4512 2.53222L20.2012 8.22754C20.7077 8.65504 21 9.28442 21 9.94726V14.0498C20.8385 14.017 20.6712 14 20.5 14H19.5V9.94726C19.5 9.72628 19.4023 9.51652 19.2334 9.37402L12.4834 3.67871C12.2042 3.44342 11.7958 3.44342 11.5166 3.67871L4.7666 9.37402C4.59771 9.51652 4.5 9.72628 4.5 9.94726V18.75C4.50004 19.1642 4.83581 19.5 5.25 19.5H10V20.5C10 20.6712 10.017 20.8385 10.0498 21H5.25C4.00738 21 3.00004 19.9926 3 18.75V9.94726C3 9.28442 3.29228 8.65504 3.79883 8.22754L10.5488 2.53222ZM12 20C12.5523 20 13 20.4477 13 21H14C14 19.8954 13.1046 19 12 19V20ZM21 19C19.8954 19 19 19.8954 19 21H20C20 20.4477 20.4477 20 21 20V19ZM16.5 16.75C15.5335 16.75 14.75 17.5335 14.75 18.5C14.75 19.4665 15.5335 20.25 16.5 20.25C17.4665 20.25 18.25 19.4665 18.25 18.5C18.25 17.5335 17.4665 16.75 16.5 16.75ZM13 16C13 16.5523 12.5523 17 12 17V18C13.1046 18 14 17.1046 14 16H13ZM19 16C19 17.1046 19.8954 18 21 18V17C20.4477 17 20 16.5523 20 16H19Z" 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/home_money_24_regular.svg";

Details