Money Hand icon

Use the Money Hand 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 { MoneyHand24Regular, MoneyHand24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_money_hand_24_regular.svg" width="24" height="24" alt="Money Hand">

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.25 2C5.00736 2 4 3.00736 4 4.25V19.75C4 20.9926 5.00736 22 6.25 22H13.7504C14.986 22 15.989 21.0041 16.0004 19.7712L16.0006 19.7501V18.2501C16.0006 17.8359 15.6649 17.5001 15.2506 17.5001C14.7968 17.5001 14.5113 17.378 14.3138 17.2193C14.1058 17.052 13.9343 16.794 13.8028 16.4301C13.5302 15.6751 13.5007 14.6796 13.5006 13.75C13.5006 13.5601 13.4285 13.3772 13.2989 13.2384C13.2226 13.1566 13.1714 13.1012 13.1345 13.0614C13.0441 12.9637 13.0398 12.9591 12.964 12.8877C12.8901 12.8182 12.6644 12.6027 11.781 11.7197C11.3125 11.2514 11.0527 10.8551 10.9677 10.5524C10.9288 10.4137 10.9308 10.3102 10.9521 10.2269C10.9733 10.1443 11.0253 10.0358 11.1568 9.90425C11.2882 9.77277 11.3965 9.72105 11.4786 9.70003C11.5613 9.67883 11.6645 9.67686 11.8029 9.7159C12.1054 9.80123 12.5014 10.0615 12.9701 10.5305C13.5097 11.0704 14.0225 11.5775 14.4818 12.0318C15.2413 12.7828 15.8554 13.3901 16.2024 13.7619C16.485 14.0647 16.9596 14.081 17.2624 13.7984C17.5652 13.5158 17.5816 13.0412 17.299 12.7384C17.0144 12.4335 16.5571 11.9759 16.0002 11.424L16.0001 8.06031L18.8415 10.9017C19.2634 11.3236 19.5005 11.8959 19.5005 12.4926V21.25C19.5005 21.6642 19.8363 22 20.2505 22C20.6647 22 21.0005 21.6642 21.0005 21.25V12.4926C21.0005 11.4981 20.6054 10.5443 19.9021 9.84099L16.0001 5.93894L16 4.24994C16 3.00732 14.9927 2 13.75 2H6.25ZM12.392 16.9396C12.4888 17.2077 12.6137 17.4738 12.7758 17.7218C12.0213 18.085 11.5007 18.8568 11.5007 19.7502V20.5H8.50065V19.7502C8.50065 18.5075 7.49329 17.5002 6.25065 17.5002H5.5V6.49967H6.25065C7.49329 6.49967 8.50065 5.49231 8.50065 4.24967V3.5H11.5007V4.24967C11.5007 5.49231 12.508 6.49967 13.7507 6.49967H14.5001L14.5002 9.9381C14.3457 9.7844 14.189 9.62819 14.0311 9.47019C13.5 8.93877 12.8828 8.46195 12.21 8.27222C11.8608 8.17373 11.4858 8.14976 11.1064 8.24692C10.8805 8.30478 10.6694 8.40139 10.474 8.53167C10.3191 8.51073 10.1611 8.49991 10.0005 8.49991C8.06746 8.49991 6.50045 10.0669 6.50045 11.9999C6.50045 13.9329 8.06746 15.4999 10.0005 15.4999C10.7545 15.4999 11.4529 15.2614 12.0243 14.8558C12.0612 15.54 12.1548 16.2829 12.392 16.9396ZM8.00045 11.9999C8.00045 11.0842 8.61592 10.3121 9.45577 10.075C9.41389 10.3784 9.44453 10.6764 9.52354 10.9578C9.71259 11.6312 10.1888 12.2491 10.7206 12.7806C11.0023 13.0622 11.2186 13.2773 11.3855 13.4427C11.0262 13.7878 10.5381 13.9999 10.0005 13.9999C8.89588 13.9999 8.00045 13.1045 8.00045 11.9999ZM5.5 4.25C5.5 3.83579 5.83579 3.5 6.25 3.5H7.00065V4.24967C7.00065 4.66389 6.66487 4.99967 6.25065 4.99967H5.5V4.25ZM13.0007 3.5H13.75C14.1642 3.5 14.5 3.83577 14.5 4.24998L14.5001 4.99967H13.7507C13.3364 4.99967 13.0007 4.66389 13.0007 4.24967V3.5ZM14.5004 19.0002L14.5004 19.75C14.5005 20.1642 14.1647 20.5 13.7504 20.5H13.0007V19.7502C13.0007 19.3359 13.3364 19.0002 13.7507 19.0002H14.5004ZM7.00065 20.5H6.25C5.83579 20.5 5.5 20.1642 5.5 19.75V19.0002H6.25065C6.66487 19.0002 7.00065 19.3359 7.00065 19.7502V20.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/money_hand_24_regular.svg";

Details

Keywords

currencyretailcashpurchase