The Phosphor mask happy icon depicts a theatrical mask with a smiling face, commonly used to represent positive emotions, entertainment, or performance in UI elements.
Common uses
- Button to indicate a positive review or happy feedback.
- Status indicator for a successful or joyful event.
- Icon for a 'mood' or 'emotions' setting.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { MaskHappy } from '@phosphor-icons/react';
<MaskHappy size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<MaskHappy size={24} />thin
<MaskHappy size={24} weight="thin" />light
<MaskHappy size={24} weight="light" />bold
<MaskHappy size={24} weight="bold" />fill
<MaskHappy size={24} weight="fill" />duotone
<MaskHappy size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- theatercostumesmilesmilingthaliacommunicationsgamesmaskhappytheater maskcomedy maskhappy face mask
FAQ
- What does the mask happy icon represent?
- It represents a smiling theatrical mask, often used for positive emotions, entertainment, or performance.
- How do I use the mask happy icon in React?
- Import it as MaskHappy from '@phosphor-icons/react' and use it like: <MaskHappy />.
- What is the license for the Phosphor mask happy icon?
- The Phosphor icon library, including the mask happy icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →