The Tabler mail heart icon visually represents a message of love or affection, commonly used in UI to signify features related to romantic communication, expressing care, or sending heartfelt messages.
Common uses
- Button for sending a love note
- Indicator for a 'favorite' or 'liked' message
- Icon for a relationship status update
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconMailHeart } from '@tabler/icons-react';
<IconMailHeart size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Communication
- Keywords
- loveaffectioncaremessagedevotionemotionpassionromancesympathyfondnesscommunicationmailheartlove letterheart messagevalentine mail
FAQ
- What does the mail heart icon represent?
- It symbolizes a message containing love, affection, or care, often used for romantic or heartfelt communication.
- How do I use the mail heart icon in React?
- Import it from '@tabler/icons-react' like this: import { IconMailHeart } from '@tabler/icons-react'.
- What is the license for the Tabler mail heart icon?
- The Tabler icon library, including the mail heart icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →