Coin Stack icon

Use the Coin Stack 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 { CoinStack24Regular, CoinStack24Filled } from "@fluentui/react-icons";

export function Example() {
  return <CoinStack24Regular aria-label="Coin Stack" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_coin_stack_24_regular.svg" width="24" height="24" alt="Coin Stack">

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.15885 3.3746C8.42981 2.51035 10.1437 2 12 2C13.8563 2 15.5702 2.51035 16.8412 3.3746C18.1081 4.23616 19 5.50452 19 7C19 8.49548 18.1081 9.76384 16.8412 10.6254C15.5702 11.4897 13.8563 12 12 12C10.1437 12 8.42981 11.4897 7.15885 10.6254C5.89186 9.76384 5 8.49548 5 7C5 5.50452 5.89186 4.23616 7.15885 3.3746ZM8.00232 4.61499C7.00726 5.29163 6.5 6.14827 6.5 7C6.5 7.85173 7.00726 8.70837 8.00232 9.38501C8.99341 10.059 10.4046 10.5 12 10.5C13.5954 10.5 15.0066 10.059 15.9977 9.38501C16.9927 8.70837 17.5 7.85173 17.5 7C17.5 6.14827 16.9927 5.29163 15.9977 4.61499C15.0066 3.94105 13.5954 3.5 12 3.5C10.4046 3.5 8.99341 3.94105 8.00232 4.61499ZM18.6241 10.3654C18.2771 10.7488 17.8725 11.1004 17.4196 11.4134C17.4731 11.6077 17.5 11.804 17.5 12C17.5 12.8517 16.9927 13.7084 15.9977 14.385C15.0066 15.059 13.5954 15.5 12 15.5C10.4046 15.5 8.99341 15.059 8.00232 14.385C7.00726 13.7084 6.5 12.8517 6.5 12C6.5 11.804 6.52687 11.6077 6.58036 11.4134C6.12748 11.1004 5.7229 10.7488 5.37593 10.3654C5.13551 10.8686 5 11.4171 5 12C5 13.4955 5.89186 14.7638 7.15885 15.6254C8.42981 16.4897 10.1437 17 12 17C13.8563 17 15.5702 16.4897 16.8412 15.6254C18.1081 14.7638 19 13.4955 19 12C19 11.4171 18.8645 10.8686 18.6241 10.3654ZM17.4196 16.4134C17.8725 16.1004 18.2771 15.7488 18.6241 15.3654C18.8645 15.8686 19 16.4171 19 17C19 18.4955 18.1081 19.7638 16.8412 20.6254C15.5702 21.4897 13.8563 22 12 22C10.1437 22 8.42981 21.4897 7.15885 20.6254C5.89186 19.7638 5 18.4955 5 17C5 16.4171 5.13551 15.8686 5.37593 15.3654C5.7229 15.7488 6.12748 16.1004 6.58036 16.4134C6.52687 16.6077 6.5 16.804 6.5 17C6.5 17.8517 7.00726 18.7084 8.00232 19.385C8.99341 20.059 10.4046 20.5 12 20.5C13.5954 20.5 15.0066 20.059 15.9977 19.385C16.9927 18.7084 17.5 17.8517 17.5 17C17.5 16.804 17.4731 16.6077 17.4196 16.4134Z" 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/coin_stack_24_regular.svg";

Details