Book 3 Icon
Get Duotone Book 3. High-quality, optimized for Tailwind CSS, React, Vue and 6+ modern frameworks. Perfect for literature apps. Integrate in seconds!
Use in your project
Install the package and drop the icon into your code.
npm install @duo-icons/react
# or
yarn add @duo-icons/react
# or
pnpm add @duo-icons/reactimport { AlignBottom, AlertOctagon, AppDots } from '@duo-icons/react';Icon in action
Live preview of Book 3 inside real UI components. Reacts to your customizer settings.
Buttons
Input fields
Alerts & notifications
Book 3
This is an example alert using the Book 3 duotone icon.
Action completed!
Just now
Navigation
Badges & chips
Card
Book 3
Education & Literature
Get Duotone Book 3. High-quality, optimized for Tailwind CSS, React, Vue and 6+ modern frameworks. Perfect for literature apps. Integrate in seconds!
About the Book 3 icon
Everything you need to know about this icon and how to use it.
The Book 3 icon is part of the DuoIcons collection, a free and open-source duotone icon library designed for modern web and mobile development. Every icon in the collection features two carefully balanced layers — a primary layer and a secondary layer with reduced opacity — creating a distinctive depth-of-field aesthetic that stands out in any UI.
Get Duotone Book 3. High-quality, optimized for Tailwind CSS, React, Vue and 6+ modern frameworks. Perfect for literature apps. Integrate in seconds! This icon is filed under the Education & Literature category, making it easy to discover alongside related symbols in the same visual family.
You can personalise the Book 3 icon directly on this page using the Customizer panel. Adjust the colour (any valid hex value or pick from the curated presets) and the size from 8 px up to 256 px. All code snippets and the live preview update instantly so you can copy exactly the code you need without any extra tooling.
The Book 3 icon is available as a native component for React, Vue, Svelte, Flutter, Tailwind CSS and Vanilla JS through the respective DuoIcons packages. Each package is independently tree-shakeable, meaning only the icons you import are included in your final bundle. TypeScript definitions are bundled by default.
In addition to component packages, the Book 3 icon can be exported in multiple formats including plain SVG, an SVG symbol sprite, a base-64 Data URI for CSS backgrounds, and a high-resolution PNG at 512 px. A Figma source file is also available for designers who want to work directly with the vector shapes.
All DuoIcons — including Book 3 — are released under the MIT License. You are free to use them in personal projects, commercial products, open-source libraries, and SaaS applications without attribution. Contributions, bug reports, and icon requests are always welcome on GitHub.
- Category
- Education & Literature
- License
- MIT — free forever
- Slug
book-3- Tailwind class
duo-icons-book-3
Available formats
Related icons
More icons from Education & Literature
Frequently asked questions
Common questions about the Book 3 icon and DuoIcons.
You can use the Book 3 icon in several ways: copy it as a plain SVG and paste it directly into your HTML, install the framework-specific package (@duo-icons/react, @duo-icons/vue, @duo-icons/svelte, etc.) and import it as a component, or use the Tailwind CSS plugin and apply the class duo-icons-book-3 to any element. All options are shown in the code examples section above.
Still have questions? Contact us or open an issue on GitHub.
View all DuoIcons