The Phosphor smiley blank icon depicts a neutral or unimpressed face, often used to represent a lack of emotion or a default state in user interfaces.
Common uses
- Default avatar placeholder
- Unrated item indicator
- Neutral feedback option
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { SmileyBlank } from '@phosphor-icons/react';
<SmileyBlank size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<SmileyBlank size={24} />thin
<SmileyBlank size={24} weight="thin" />light
<SmileyBlank size={24} weight="light" />bold
<SmileyBlank size={24} weight="bold" />fill
<SmileyBlank size={24} weight="fill" />duotone
<SmileyBlank size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- faceemojiunimpressedno facecommunicationspeoplesmileyblankneutral faceunimpressed emojidefault faceno expression
FAQ
- What does the smiley blank icon represent?
- It represents a neutral or unimpressed facial expression. It's commonly used when a specific emotion isn't conveyed or as a default state.
- How do I use the smiley blank icon in React?
- You can import and use it like this: import { SmileyBlank } from '@phosphor-icons/react'; <SmileyBlank />
- What is the license for this icon?
- The Phosphor icon library, including the smiley blank 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 →