The Lucide heart off icon visually represents the absence or removal of a 'like' or 'favorite' state, commonly used to indicate an action like unliking content or removing an item from a wishlist.
Common uses
- Button to unlike a post
- Remove item from favorites
- Indicate a declined or removed preference
Use it in React
Install
npm i lucide-reactImport & render
import { HeartOff } from 'lucide-react';
<HeartOff size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- unlikedislikehateemotionheartoffunfavoriteno heart
FAQ
- What does the heart-off icon signify?
- It signifies that a 'like', 'favorite', or positive emotional state has been removed or is not present. It's the opposite of a filled heart icon.
- How do I use the heart-off icon in React?
- You can import and use it directly from the 'lucide-react' library like this: import { HeartOff } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the heart-off 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 →