Book Toolbox icon

Use the Book Toolbox 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 { BookToolbox24Regular, BookToolbox24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

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

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 4H13.5C12.6716 4 12 4.67157 12 5.5V7H14.5V6.75C14.5 6.33579 14.8358 6 15.25 6C15.6642 6 16 6.33579 16 6.75V7H19V6.75C19 6.33579 19.3358 6 19.75 6C20.1642 6 20.5 6.33579 20.5 6.75V7H23V5.5C23 4.67157 22.3284 4 21.5 4H21V3C21 2.0335 20.2165 1.25 19.25 1.25H15.75C14.7835 1.25 14 2.0335 14 3V4ZM15.5 3C15.5 2.86193 15.6119 2.75 15.75 2.75H19.25C19.3881 2.75 19.5 2.86193 19.5 3V4H15.5V3ZM12 10.5V8.5H14.5V9.25C14.5 9.66421 14.8358 10 15.25 10C15.6642 10 16 9.66421 16 9.25V8.5H19V9.25C19 9.66421 19.3358 10 19.75 10C20.1642 10 20.5 9.66421 20.5 9.25V8.5H23V10.5C23 11.3284 22.3284 12 21.5 12H13.5C12.6716 12 12 11.3284 12 10.5ZM13 3.05001C12.6305 3.12502 12.2905 3.28155 11.9998 3.5H6.5C5.94772 3.5 5.5 3.94772 5.5 4.5V18H19V13H20.5V18.75C20.5 19.1642 20.1642 19.5 19.75 19.5H5.5C5.5 20.0523 5.94772 20.5 6.5 20.5H19.75C20.1642 20.5 20.5 20.8358 20.5 21.25C20.5 21.6642 20.1642 22 19.75 22H6.5C5.11929 22 4 20.8807 4 19.5V4.5C4 3.11929 5.11929 2 6.5 2H13.1875C13.0664 2.30993 13 2.64721 13 3V3.05001Z" 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_toolbox_24_regular.svg";

Details

Keywords

readformulas