The Lucide message circle heart icon visually represents a message or conversation combined with a heart, commonly used to signify positive feedback, love, or a connection within a chat or messaging interface.
Common uses
- Indicate a liked or loved message in a chat.
- Represent a 'favorite' or 'saved' conversation.
- Symbolize a positive response or feedback within a dialog.
Use it in React
Install
npm i lucide-reactImport & render
import { MessageCircleHeart } from 'lucide-react';
<MessageCircleHeart size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- commentchatconversationdialogfeedbackpositivelikeloveinterestvalentinedatingdatespeech bubblemessagecircleheart
FAQ
- What is the message circle heart icon used for?
- It's typically used to show positive sentiment, like, or love associated with a message or conversation.
- How do I use this icon in React?
- You can import and use it directly with: import { MessageCircleHeart } from 'lucide-react'
- What is the license for this icon?
- The Lucide icon library, including this 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 →