The Tabler mood heart icon depicts a smiling face with a heart, commonly used to represent positive emotions like love, affection, or satisfaction in user interfaces.
Common uses
- Expressing user satisfaction with a product or feature.
- Indicating a user's 'like' or 'favorite' selection.
- Representing romantic or affectionate themes in an application.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconMoodHeart } from '@tabler/icons-react';
<IconMoodHeart size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Mood
- Keywords
- emotionfeelinghappyfacelovecareromanticmoodheartlikesmiling heart faceheart facelove facehappy heart
FAQ
- What does the mood heart icon represent?
- It symbolizes positive emotions such as love, happiness, affection, or satisfaction.
- How do I use the mood heart icon in React?
- You can import and use it like this: import { IconMoodHeart } from '@tabler/icons-react'.
- What is the license for the mood heart icon?
- The Tabler icons, including mood heart, are distributed 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 →