The Phosphor tip jar icon depicts a container for receiving monetary contributions, commonly used in UIs to represent donation or tipping functionalities.
Common uses
- Button for accepting donations
- Link to a 'buy me a coffee' page
- Visual element in a crowdfunding campaign
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { TipJar } from '@phosphor-icons/react';
<TipJar size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<TipJar size={24} />thin
<TipJar size={24} weight="thin" />light
<TipJar size={24} weight="light" />bold
<TipJar size={24} weight="bold" />fill
<TipJar size={24} weight="fill" />duotone
<TipJar size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- commerce
- Keywords
- *new*givedepositdonationsavingsmoneycommercefinancesobjectstipjarmoney boxgiving
FAQ
- What is the tip jar icon used for?
- It visually represents the act of giving or donating money. Use it for features related to tipping, donations, or financial contributions.
- How do I use the tip jar icon in React?
- Import it from the '@phosphor-icons/react' library like this: import { TipJar } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon set, including the tip jar 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 →