The Phosphor smiley melting icon depicts a face with a downward-curving mouth and dripping features, commonly used to express feelings of embarrassment, shame, or overwhelming heat.
Common uses
- Indicate a user is feeling overwhelmed or embarrassed.
- Represent a 'hot take' or controversial opinion.
- Show a system is experiencing high load or 'melting' under pressure.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { SmileyMelting } from '@phosphor-icons/react';
<SmileyMelting size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<SmileyMelting size={24} />thin
<SmileyMelting size={24} weight="thin" />light
<SmileyMelting size={24} weight="light" />bold
<SmileyMelting size={24} weight="bold" />fill
<SmileyMelting size={24} weight="fill" />duotone
<SmileyMelting size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- *new*faceemojiembarrassmentsarcasmshamehotheatcommunicationspeoplesmileymeltingmelting face emojiembarrassed facehot faceshame emoji
FAQ
- What does the smiley melting icon represent?
- It represents emotions like embarrassment, shame, sarcasm, or feeling overwhelmed. It can also visually convey extreme heat or pressure.
- How do I use the smiley melting icon in React?
- You can import and use it like this: import { SmileyMelting } from '@phosphor-icons/react'; <SmileyMelting />
- What is the license for the Phosphor smiley melting icon?
- The Phosphor icon library, including the smiley melting 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 →