The Heroicons building library icon depicts a stylized building with books, commonly used to represent a library, archive, or knowledge base within a user interface.
Common uses
- Link to a digital library or resource center.
- Icon for a documentation or knowledge base section.
- Button to access saved articles or bookmarks.
Use it in React
Install
npm i @heroicons/reactImport & render
import { BuildingLibraryIcon } from '@heroicons/react/24/outline';
<BuildingLibraryIcon className="size-6" />Styles
Heroicons ships this icon in 4 styles — each its own import:
24/outline
<BuildingLibraryIcon className="size-6" />24/solid
<BuildingLibraryIcon className="size-6" />20/solid
<BuildingLibraryIcon className="size-6" />16/solid
<BuildingLibraryIcon className="size-6" />Details
- Library
- Heroicons (324 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- buildinglibraryarchivebooksknowledgeresources
FAQ
- What does the building library icon represent?
- It represents a library, archive, or a place of knowledge and resources.
- How do I use the building library icon in React?
- Import it using: import { BuildingLibraryIcon } from '@heroicons/react/24/outline'
- What is the license for Heroicons?
- Heroicons are distributed under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in Heroicons.
Looking for something else? Search Heroicons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →