Book Default icon

The Book Default icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 to 28 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

Filled

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 28 px

ic_fluent_book_default_28_regular.svg

npm install @fluentui/react-icons

import { BookDefault28Regular } from "@fluentui/react-icons";

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

Use the Book Default 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 { BookDefault28Regular, BookDefault20Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_book_default_28_regular.svg" width="28" height="28" alt="Book Default">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M7.75 2.5A3.25 3.25 0 0 0 4.5 5.75v16.5c0 1.8 1.46 3.25 3.25 3.25h15a.75.75 0 0 0 0-1.5h-15c-.88 0-1.61-.65-1.73-1.5h16.73c.41 0 .75-.34.75-.75v-16c0-1.8-1.46-3.25-3.25-3.25zM22 21H6V5.75C6 4.78 6.78 4 7.75 4h12.5c.97 0 1.75.78 1.75 1.75zM9.25 6C8.56 6 8 6.56 8 7.25v2c0 .69.56 1.25 1.25 1.25h9.5c.69 0 1.25-.56 1.25-1.25v-2C20 6.56 19.44 6 18.75 6zm.25 3V7.5h9V9z"/></svg>

Details

Name	Book Default
Styles	Regular (outlined), Filled
Sizes	20 px, 28 px
Regular (outlined) file	`ic_fluent_book_default_28_regular.svg`
Filled file	`ic_fluent_book_default_20_filled.svg`
React (Regular)	`BookDefault28Regular`
React (Filled)	`BookDefault20Filled, BookDefault28Filled`
License	MIT (© Microsoft Corporation)

Book Default icon

Every size and style