Currency Dollar Euro icon

Use the Currency Dollar Euro 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 { CurrencyDollarEuro24Regular, CurrencyDollarEuro24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

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

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.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.75195C7.00189 2.33774 6.66611 2.00195 6.25189 2.00195ZM3.5 7.2495C3.5 5.99004 4.34667 4.92833 5.50189 4.60249V10.7983L5.32564 10.7124C4.20864 10.1677 3.5 9.0338 3.5 7.7911V7.2495ZM7.00189 19.374V13.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.374ZM14.5 11.9995C14.5 11.831 14.5037 11.664 14.5111 11.4986L16.2482 11.4995C16.6624 11.4998 16.9984 11.1642 16.9986 10.7499C16.9989 10.3357 16.6633 9.99976 16.249 9.99953L14.6823 9.99866C14.929 8.6761 15.4126 7.50846 16.0494 6.59473C16.9938 5.23976 18.2256 4.49951 19.5 4.49951C19.9668 4.49951 20.4731 4.63575 20.8373 4.87578C21.1832 5.10369 21.6484 5.00805 21.8763 4.66217C22.1042 4.31629 22.0085 3.85115 21.6627 3.62324C21.0191 3.19921 20.2163 2.99951 19.5 2.99951C17.5988 2.99951 15.9556 4.10608 14.8188 5.73704C14.0041 6.90604 13.424 8.37356 13.1599 9.99782L11.7506 9.99705C11.3364 9.99682 11.0004 10.3324 11.0002 10.7466C11 11.1608 11.3356 11.4968 11.7498 11.497L13.0099 11.4977C13.0033 11.664 13 11.8313 13 11.9995C13 12.1672 13.0033 12.3339 13.0098 12.4996L11.7502 12.4995C11.336 12.4995 11.0002 12.8353 11.0002 13.2495C11.0002 13.6638 11.336 13.9995 11.7502 13.9995L13.1597 13.9996C13.4236 15.6245 14.0038 17.0926 14.8188 18.262C15.9556 19.8929 17.5988 20.9995 19.5 20.9995C20.1954 20.9995 21.0175 20.8315 21.6822 20.3691C22.0222 20.1326 22.1061 19.6651 21.8696 19.3251C21.633 18.9851 21.1656 18.9012 20.8256 19.1377C20.4825 19.3764 19.9877 19.4995 19.5 19.4995C18.2256 19.4995 16.9938 18.7593 16.0494 17.4043C15.4125 16.4904 14.9288 15.3225 14.6821 13.9996L16.2486 13.9996C16.6629 13.9996 16.9986 13.6638 16.9986 13.2496C16.9986 12.8354 16.6629 12.4996 16.2486 12.4996L14.5111 12.4996C14.5037 12.3344 14.5 12.1677 14.5 11.9995Z" 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_euro_24_regular.svg";

Details

Keywords

moneytransactionbank.usedtorepresentcurrencyvalues.containscurrencyvariants.