John KuehJohn Kueh

tip jar icon

Phosphor · tip-jar · MIT

Download SVG

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/react
Import & 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 →