The Lucide house heart icon depicts a house with a heart symbol, commonly used to represent concepts like home, love, family, or a focus on well-being within a user interface.
Common uses
- Marking a 'home' or 'dashboard' page.
- Indicating a 'favorite' or 'saved' location.
- Representing a 'wellness' or 'lifestyle' feature.
Use it in React
Install
npm i lucide-reactImport & render
import { HouseHeart } from 'lucide-react';
<HouseHeart size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- home sweet homeabodebuildingresidencehealthy livinglifestylehousehearthome heartsweet homefavorite homehealthy home
FAQ
- What does the house heart icon represent?
- It symbolizes home, love, family, or a focus on well-being and healthy living.
- How do I use the house heart icon in React?
- You can import and use it like this: import { HouseHeart } from 'lucide-react'. Then render it as <HouseHeart />.
- What is the license for this icon?
- The Lucide icon library, including the house 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 →