The Phosphor hand arrow up icon visually represents an action of giving, depositing, or donating, often used in UIs to indicate a contribution or upward movement of value.
Common uses
- Indicate a successful donation or contribution.
- Button to submit a form or transaction.
- Visual cue for uploading or increasing a value.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { HandArrowUp } from '@phosphor-icons/react';
<HandArrowUp size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<HandArrowUp size={24} />thin
<HandArrowUp size={24} weight="thin" />light
<HandArrowUp size={24} weight="light" />bold
<HandArrowUp size={24} weight="bold" />fill
<HandArrowUp size={24} weight="fill" />duotone
<HandArrowUp size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- people
- Keywords
- *new*giveinsertdepositdonationemojipeoplecommercefinanceshandarrowupgive icondeposit icondonation iconupload icon
FAQ
- What is the hand arrow up icon used for?
- It's typically used to signify actions like giving, depositing, donating, or submitting something, especially in contexts related to commerce or finances.
- How do I use the hand arrow up icon in React?
- You can import it directly from the library like this: import { HandArrowUp } from '@phosphor-icons/react'.
- 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.