The Phosphor smiley nervous icon depicts a face with a worried expression, commonly used to represent feelings of anxiety, unease, or discomfort in user interfaces.
Common uses
- Indicating a pending or uncertain status.
- Showing a user's mild negative reaction to a prompt.
- Representing a slightly problematic or error state.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { SmileyNervous } from '@phosphor-icons/react';
<SmileyNervous size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<SmileyNervous size={24} />thin
<SmileyNervous size={24} weight="thin" />light
<SmileyNervous size={24} weight="light" />bold
<SmileyNervous size={24} weight="bold" />fill
<SmileyNervous size={24} weight="fill" />duotone
<SmileyNervous size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- *updated*faceemojianxiousuncomfortableuneasyqueasysickillcommunicationspeoplesmileynervousanxious faceuneasy emojisick face
FAQ
- What does the smiley nervous icon represent?
- It visually conveys emotions like nervousness, anxiety, or discomfort. It's often used for situations that are slightly problematic or uncertain.
- How do I use the smiley nervous icon in React?
- You can import it directly from the Phosphor React library. Use it like this: import { SmileyNervous } from '@phosphor-icons/react'
- What is the license for this icon?
- The Phosphor icon library, including the smiley nervous 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 →