The Phosphor smiley angry icon depicts a face with a frown and furrowed brows, typically used to represent negative emotions like anger, frustration, or dissatisfaction in user interfaces.
Common uses
- Error messages or warnings
- Feedback forms for negative experiences
- Status indicators for disapproval
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { SmileyAngry } from '@phosphor-icons/react';
<SmileyAngry size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<SmileyAngry size={24} />thin
<SmileyAngry size={24} weight="thin" />light
<SmileyAngry size={24} weight="light" />bold
<SmileyAngry size={24} weight="bold" />fill
<SmileyAngry size={24} weight="fill" />duotone
<SmileyAngry size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- communications
- Keywords
- faceemojimadfrowncommunicationspeoplesmileyangryangry facefrowning emojimad facedisappointed emoji
FAQ
- What does the smiley angry icon represent?
- It represents strong negative emotions such as anger, rage, or extreme displeasure.
- How do I use the smiley angry icon in React?
- You can import it directly from the Phosphor library: `import { SmileyAngry } from '@phosphor-icons/react'` and use it as a component.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, which allows for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Phosphor.