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.