Currency Dollar Rupee icon

Use the Currency Dollar Rupee 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 { CurrencyDollarRupee24Regular, CurrencyDollarRupee24Filled } from "@fluentui/react-icons";

export function Example() {
  return <CurrencyDollarRupee24Regular aria-label="Currency Dollar Rupee" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_currency_dollar_rupee_24_regular.svg" width="24" height="24" alt="Currency Dollar Rupee">

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="M7.00189 2.75195C7.00189 2.33774 6.66611 2.00195 6.25189 2.00195C5.83768 2.00195 5.50189 2.33774 5.50189 2.75195V3.06514C3.51145 3.4186 2 5.15754 2 7.2495V7.7911C2 9.60736 3.0357 11.2646 4.66824 12.0606L5.50189 12.4671V19.3752C4.34727 19.0495 3.5 17.9882 3.5 16.7281V15.7473C3.5 15.3331 3.16421 14.9973 2.75 14.9973C2.33579 14.9973 2 15.3331 2 15.7473V16.7281C2 18.8212 3.51263 20.5593 5.50189 20.9125V21.2472C5.50189 21.6614 5.83768 21.9972 6.25189 21.9972C6.66611 21.9972 7.00189 21.6614 7.00189 21.2472V20.9118C8.99165 20.5566 10.5 18.8176 10.5 16.7281L10.5 16.2038C10.5 14.3876 9.46428 12.7303 7.83175 11.9343L7.00189 11.5297V4.60357C8.15517 4.93066 8.99998 5.99142 8.99998 7.2495V8.25082C8.99998 8.66504 9.33576 9.00082 9.74998 9.00082C10.1642 9.00082 10.5 8.66504 10.5 8.25082V7.2495C10.5 5.15888 8.99046 3.42082 7.00189 3.06582V2.75195ZM5.50189 4.60249V10.7983L5.32564 10.7124C4.20864 10.1677 3.5 9.0338 3.5 7.7911V7.2495C3.5 5.99004 4.34667 4.92833 5.50189 4.60249ZM7.00189 13.1985L7.17435 13.2826C8.29134 13.8272 8.99998 14.9611 8.99999 16.2038L8.99999 16.7281C8.99999 17.9856 8.15577 19.0468 7.00189 19.374V13.1985ZM12.75 2.99951C12.3358 2.99951 12 3.3353 12 3.74951C12 4.13784 12.2951 4.45723 12.6733 4.49564C12.6985 4.4982 12.7241 4.49951 12.75 4.49951H15C16.0687 4.49951 16.995 5.10909 17.4501 5.99951H12.75C12.3358 5.99951 12 6.3353 12 6.74951C12 7.16373 12.3358 7.49951 12.75 7.49951H17.7388C17.6125 8.90114 16.4345 9.99951 15 9.99951H12.75C12.4691 9.99951 12.2117 10.1565 12.0831 10.4063C11.9546 10.6561 11.9764 10.9568 12.1397 11.1854L19.6397 21.6854C19.8805 22.0225 20.3489 22.1006 20.6859 21.8598C21.023 21.6191 21.1011 21.1506 20.8603 20.8136L14.2074 11.4995H15C17.2633 11.4995 19.1134 9.73036 19.2428 7.49951H21.25C21.6642 7.49951 22 7.16373 22 6.74951C22 6.3353 21.6642 5.99951 21.25 5.99951H19.0632C18.8919 5.44196 18.609 4.93327 18.2405 4.49951H21.25C21.6642 4.49951 22 4.16373 22 3.74951C22 3.3353 21.6642 2.99951 21.25 2.99951H12.75Z" 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/currency_dollar_rupee_24_regular.svg";

Details

Keywords

moneytransactionbank.usedtorepresentcurrencyvalues.containscurrencyvariants.