The Tabler mood surprised icon depicts a face with wide eyes and an open mouth, commonly used to represent shock, astonishment, or sudden realization in user interfaces.
Common uses
- Indicating a user's surprised reaction in a comment section.
- Signaling an unexpected system notification or error.
- Representing a 'wow' or 'mind blown' state in gamification.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconMoodSurprised } from '@tabler/icons-react';
<IconMoodSurprised size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Mood
- Keywords
- faceemojiemotionmoodsurprisedshocked faceastonished emojisurprised emojiwow face
FAQ
- What is the purpose of the mood surprised icon?
- This icon visually communicates surprise or astonishment. It's useful for conveying unexpected events or strong emotional reactions within an application.
- How do I use the mood surprised icon in React?
- You can import and use it directly in your React components like this: import { IconMoodSurprised } from '@tabler/icons-react'.
- What is the license for this icon?
- The Tabler icons, including mood surprised, are distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.