The Phosphor hand peace icon depicts a hand with the index and middle fingers extended in a V-shape, commonly used to represent peace, victory, or positive affirmation in user interfaces.
Common uses
- Button for 'peaceful' or 'positive' action
- Status indicator for 'victory' or 'success'
- Part of an emoji-style selection component
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { HandPeace } from '@phosphor-icons/react';
<HandPeace size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<HandPeace size={24} />thin
<HandPeace size={24} weight="thin" />light
<HandPeace size={24} weight="light" />bold
<HandPeace size={24} weight="bold" />fill
<HandPeace size={24} weight="fill" />duotone
<HandPeace size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- people
- Keywords
- *new*emojivictorypeoplecommunicationshandpeacev signvictory handpeace sign
FAQ
- What does the hand peace icon signify?
- It signifies peace, victory, or a positive gesture. It's often used to convey success or a non-confrontational stance.
- How do I use the hand peace icon in React?
- You can import it directly from the library: `import { HandPeace } from '@phosphor-icons/react'`. Then use it as a component: `<HandPeace />`.
- What is the license for this icon?
- The Phosphor icon library, including the hand peace 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 →