Book Question Mark RTL icon

Use the Book Question Mark RTL 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 { BookQuestionMarkRtl24Regular, BookQuestionMarkRtl24Filled } from "@fluentui/react-icons";

export function Example() {
  return <BookQuestionMarkRtl24Regular aria-label="Book Question Mark RTL" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_book_question_mark_rtl_24_regular.svg" width="24" height="24" alt="Book Question Mark RTL">

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="M14.5 8.74974C14.0916 8.74974 13.7595 8.42339 13.7502 8.01727L13.7497 8.01172C13.7483 7.99883 13.7448 7.97275 13.7363 7.93814C13.7191 7.86772 13.6844 7.7738 13.616 7.68137C13.5075 7.53485 13.1982 7.2334 12.263 7.24963C11.7129 7.25918 11.3061 7.4858 11.0841 7.76128C10.8711 8.02571 10.8017 8.35953 10.9464 8.7212C11.0632 9.01322 11.3208 9.16113 11.8625 9.40025L11.9009 9.41715C12.1224 9.51459 12.4366 9.65278 12.6867 9.8532C12.998 10.1027 13.25 10.4767 13.25 10.9997L13.25 11.7498C13.2499 12.164 12.9141 12.4998 12.4999 12.4997C12.0857 12.4997 11.7499 12.1632 11.75 11.7489L11.75 11.0248L11.7487 11.0238C11.6687 10.9597 11.5353 10.8955 11.2568 10.7725L11.2058 10.7501C10.7351 10.5434 9.91579 10.1837 9.55364 9.27829C9.19831 8.38996 9.37902 7.4868 9.91603 6.82023C10.4441 6.16473 11.2873 5.76634 12.237 5.74986C13.5518 5.72703 14.3675 6.17558 14.8215 6.78882C15.0343 7.07628 15.1403 7.36468 15.1934 7.58162C15.22 7.69068 15.2341 7.78453 15.2415 7.85565C15.2453 7.89135 15.2474 7.92174 15.2486 7.94593C15.2493 7.96059 15.2497 7.97525 15.2499 7.98993L15.25 7.99515L15.25 7.99752L15.25 7.99865C15.25 7.99865 15.25 8.74974 14.5 8.74974ZM11.5 14.4998C11.5 15.052 11.9477 15.4998 12.5 15.4998C13.0523 15.4998 13.5 15.052 13.5 14.4998C13.5 13.9475 13.0523 13.4998 12.5 13.4998C11.9477 13.4998 11.5 13.9475 11.5 14.4998ZM6.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.5ZM5.5 18V4.5C5.5 3.94772 5.94772 3.5 6.5 3.5H18C18.5523 3.5 19 3.94772 19 4.5V18H5.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/book_question_mark_rtl_24_regular.svg";

Details

Keywords

readformulas