The Phosphor smiley icon depicts a joyful face, commonly used in UI to represent positive emotions, satisfaction, or a friendly interaction.
Common uses
- Feedback confirmation
- User satisfaction rating
- Chat status indicator
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Smiley } from '@phosphor-icons/react';
<Smiley size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Smiley size={24} />thin
<Smiley size={24} weight="thin" />light
<Smiley size={24} weight="light" />bold
<Smiley size={24} weight="bold" />fill
<Smiley size={24} weight="fill" />duotone
<Smiley size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- faceemojihappygrinningsmilingcommunicationspeoplesmileyhappy facegrinjoy
FAQ
- What does the smiley icon represent?
- It represents a happy or smiling face, often used to convey positive emotions or satisfaction in a user interface.
- How do I use the smiley icon in React?
- You can import it directly from the library: import { Smiley } from '@phosphor-icons/react'.
- What is the license for the Phosphor smiley icon?
- Phosphor icons, including the smiley icon, are 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 →