The Tabler mood happy icon depicts a smiling face, commonly used in user interfaces to represent positive feedback, successful actions, or a satisfied user state.
Common uses
- Success message indicator
- User satisfaction rating
- Positive sentiment tag
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconMoodHappy } from '@tabler/icons-react';
<IconMoodHappy size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconMoodHappy size={24} stroke={2} />filled
<IconMoodHappyFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Mood
- Keywords
- faceemojiemotionmoodhappyapplicationprogramsoftwaretoolsmiling facesmileypositive emojicontent face
FAQ
- What is the mood happy icon for?
- It visually conveys happiness, satisfaction, or a positive state. Use it for success messages or positive user feedback.
- How do I use the mood happy icon in React?
- Import it from the '@tabler/icons-react' library like this: import { IconMoodHappy } from '@tabler/icons-react'.
- What is the license for the mood happy icon?
- The Tabler icon library, including the mood happy 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 →