The Lucide book heart icon visually represents a book combined with a heart, often used to signify topics related to love, romance, personal journals, or favorite reading material in user interfaces.
Common uses
- Marking a favorite book or article.
- Indicating a personal diary or journal section.
- Representing a 'love' or 'like' feature for content.
Use it in React
Install
npm i lucide-reactImport & render
import { BookHeart } from 'lucide-react';
<BookHeart size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- diaryromancenoveljournalentryentriespersonalprivatesecretcrushlikeloveemotionfemininegirlsteens
FAQ
- What is the book heart icon used for?
- It's used to represent concepts like love, romance, personal journals, favorite books, or emotional connections to content.
- How do I use the book heart icon in React?
- You can import and use it like this: import { BookHeart } from 'lucide-react'. Then render it as <BookHeart />.
- What is the license for the book heart icon?
- The Lucide icon library, including the book heart icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →