Book Coins icon

Use the Book Coins 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 { BookCoins24Regular, BookCoins24Filled } from "@fluentui/react-icons";

export function Example() {
  return <BookCoins24Regular aria-label="Book Coins" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_book_coins_24_regular.svg" width="24" height="24" alt="Book Coins">

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="M10.1974 7.46389C10.819 7.1666 11.6338 7 12.5 7C13.3662 7 14.181 7.1666 14.8026 7.46389C15.3785 7.73931 16 8.24137 16 9C16 9.75863 15.3785 10.2607 14.8026 10.5361C14.181 10.8334 13.3662 11 12.5 11C11.6338 11 10.819 10.8334 10.1974 10.5361C9.62154 10.2607 9 9.75863 9 9C9 8.24137 9.62154 7.73931 10.1974 7.46389ZM10.7367 8.59156C10.272 8.8138 10.25 9 10.25 9C10.25 9 10.272 9.1862 10.7367 9.40844C11.1557 9.6088 11.7783 9.75 12.5 9.75C13.2217 9.75 13.8443 9.6088 14.2633 9.40844C14.728 9.1862 14.75 9 14.75 9C14.75 9 14.728 8.8138 14.2633 8.59156C13.8443 8.3912 13.2217 8.25 12.5 8.25C11.7783 8.25 11.1557 8.3912 10.7367 8.59156ZM12.5 12.0001C13.9107 12.0001 15.1697 11.5673 15.9948 10.8901C15.9982 10.9266 16 10.9633 16 11.0003C16 12.1048 14.433 13.0003 12.5 13.0003C10.567 13.0003 9 12.1048 9 11.0003C9 10.9633 9.00175 10.9266 9.00522 10.8901C9.83029 11.5673 11.0893 12.0001 12.5 12.0001ZM12.5 14.0001C13.9107 14.0001 15.1697 13.5673 15.9948 12.8901C15.9983 12.9265 16 12.9632 16 13.0001C16 14.1047 14.433 15.0001 12.5 15.0001C10.567 15.0001 9 14.1047 9 13.0001C9 12.9632 9.00175 12.9265 9.0052 12.8901C9.83027 13.5673 11.0893 14.0001 12.5 14.0001ZM6.5 2C5.11929 2 4 3.11929 4 4.5V19.5C4 20.8807 5.11929 22 6.5 22H19.75C20.1642 22 20.5 21.6642 20.5 21.25C20.5 20.8358 20.1642 20.5 19.75 20.5H6.5C5.94772 20.5 5.5 20.0523 5.5 19.5H19.75C20.1642 19.5 20.5 19.1642 20.5 18.75V4.5C20.5 3.11929 19.3807 2 18 2H6.5ZM19 18H5.5V4.5C5.5 3.94772 5.94772 3.5 6.5 3.5H18C18.5523 3.5 19 3.94772 19 4.5V18Z" 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/book_coins_24_regular.svg";

Details

Keywords

readformulas