tip-jar icon

Tip jar: gratuity, tipping, add tip. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M12.856 1.144C12.952 1.241 13 1.359 13 1.5L13 3.5C13 3.641 12.952 3.759 12.856 3.856C12.759 3.952 12.641 4 12.5 4L12 4L12 5.05C12.142 5.079 12.283 5.121 12.42 5.176C12.741 5.303 13.024 5.488 13.268 5.732C13.512 5.976 13.697 6.259 13.824 6.58C13.941 6.875 14 7.182 14 7.5L14 13C14 13.254 13.953 13.5 13.86 13.736C13.758 13.993 13.609 14.219 13.414 14.414C13.219 14.609 12.993 14.758 12.736 14.86C12.5 14.953 12.254 15 12 15L4 15C3.746 15 3.5 14.953 3.264 14.86C3.007 14.758 2.781 14.609 2.586 14.414C2.391 14.219 2.242 13.993 2.14 13.736C2.047 13.5 2 13.254 2 13L2 7.5C2 7.182 2.059 6.875 2.176 6.58C2.303 6.259 2.488 5.976 2.732 5.732C2.976 5.488 3.259 5.303 3.58 5.176C3.717 5.121 3.857 5.079 4 5.05L4 4L3.5 4C3.359 4 3.241 3.952 3.144 3.856C3.048 3.759 3 3.641 3 3.5L3 1.5C3 1.359 3.048 1.241 3.144 1.144C3.241 1.048 3.359 1 3.5 1L12.5 1C12.641 1 12.759 1.048 12.856 1.144ZM12 2L4 2L4 3L12 3L12 2ZM5 5.5C5 5.641 4.952 5.759 4.856 5.856C4.759 5.952 4.641 6 4.5 6C4.309 6 4.125 6.035 3.948 6.105C3.755 6.182 3.586 6.293 3.439 6.439C3.293 6.586 3.182 6.755 3.105 6.948C3.035 7.125 3 7.309 3 7.5L3 13C3 13.276 3.098 13.512 3.293 13.707C3.488 13.902 3.724 14 4 14L12 14C12.276 14 12.512 13.902 12.707 13.707C12.902 13.512 13 13.276 13 13L13 7.5C13 7.309 12.965 7.125 12.895 6.948C12.818 6.755 12.707 6.586 12.561 6.439C12.414 6.293 12.245 6.182 12.052 6.105C11.875 6.035 11.691 6 11.5 6C11.359 6 11.241 5.952 11.144 5.856C11.048 5.759 11 5.641 11 5.5L11 4L5 4L5 5.5ZM8.765 12.053C8.706 12.067 8.646 12.079 8.584 12.089L8.584 12.855L7.553 12.855L7.553 12.106C7.53 12.103 7.508 12.1 7.485 12.097C7.328 12.073 7.177 12.038 7.034 11.993L7.033 11.993L7.032 11.992C6.74 11.898 6.485 11.771 6.265 11.61L6.264 11.609C6.147 11.523 6.04 11.433 5.942 11.339C5.941 11.337 5.94 11.336 5.938 11.335C5.856 11.256 5.781 11.173 5.713 11.088L5.625 10.978L6.474 10.21L6.573 10.332C6.686 10.472 6.816 10.598 6.964 10.711L6.965 10.712C7.007 10.744 7.05 10.774 7.095 10.802C7.206 10.872 7.327 10.93 7.456 10.977C7.5 10.993 7.545 11.007 7.589 11.019C7.597 11.021 7.606 11.023 7.614 11.025L7.614 9.398C7.455 9.359 7.307 9.315 7.171 9.268C7.04 9.221 6.919 9.171 6.81 9.117C6.774 9.099 6.739 9.081 6.706 9.062L6.706 9.062C6.416 8.9 6.202 8.699 6.065 8.46L6.065 8.46C5.929 8.222 5.86 7.945 5.86 7.627L5.86 7.625C5.86 7.604 5.86 7.583 5.861 7.562C5.871 7.248 5.956 6.967 6.116 6.718L6.116 6.718L6.116 6.717C6.17 6.634 6.233 6.555 6.303 6.483C6.455 6.327 6.646 6.197 6.876 6.094C6.878 6.093 6.879 6.092 6.881 6.092L6.882 6.091C6.883 6.091 6.884 6.09 6.884 6.09C7.08 6.002 7.302 5.941 7.553 5.905L7.553 5.145L8.584 5.145L8.584 5.897C8.621 5.902 8.658 5.908 8.694 5.914C8.948 5.959 9.177 6.035 9.381 6.142L9.382 6.142C9.484 6.196 9.58 6.255 9.671 6.317C9.887 6.466 10.07 6.639 10.221 6.837L10.309 6.952L9.958 7.242L9.957 7.242L9.441 7.668L9.346 7.543C9.282 7.458 9.201 7.376 9.104 7.297C9.028 7.235 8.942 7.175 8.846 7.117L8.845 7.116C8.764 7.067 8.676 7.027 8.579 6.997C8.564 6.992 8.549 6.987 8.533 6.983L8.533 8.449C8.58 8.46 8.626 8.472 8.672 8.484C8.986 8.569 9.251 8.67 9.468 8.789C9.47 8.79 9.471 8.791 9.472 8.792L9.473 8.792L9.473 8.792C9.758 8.948 9.97 9.142 10.109 9.373L10.109 9.373L10.11 9.375C10.25 9.608 10.32 9.89 10.32 10.221L10.32 10.221C10.32 10.243 10.32 10.265 10.319 10.287C10.308 10.616 10.216 10.919 10.044 11.195L10.043 11.196C9.909 11.41 9.731 11.59 9.51 11.737C9.428 11.791 9.34 11.841 9.247 11.886L9.247 11.886C9.1 11.957 8.939 12.012 8.765 12.053ZM7.614 6.969C7.474 7.002 7.363 7.054 7.28 7.125C7.129 7.252 7.054 7.405 7.054 7.582C7.054 7.72 7.081 7.833 7.135 7.921C7.188 8.007 7.272 8.078 7.387 8.134C7.455 8.167 7.531 8.198 7.614 8.225L7.614 6.969ZM8.658 10.962C8.813 10.888 8.928 10.793 9.004 10.676C9.08 10.56 9.118 10.428 9.118 10.281C9.118 10.155 9.095 10.045 9.048 9.952C9.003 9.863 8.925 9.785 8.813 9.718C8.737 9.672 8.644 9.632 8.533 9.599L8.533 11.011C8.577 10.996 8.619 10.98 8.658 10.962Z"/></svg>

React

// Gentleface "tip-jar" (line-round), MIT. https://gentleface.com/icons/tip-jar
import type { SVGProps } from 'react';

export function TipJarIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M12.856 1.144C12.952 1.241 13 1.359 13 1.5L13 3.5C13 3.641 12.952 3.759 12.856 3.856C12.759 3.952 12.641 4 12.5 4L12 4L12 5.05C12.142 5.079 12.283 5.121 12.42 5.176C12.741 5.303 13.024 5.488 13.268 5.732C13.512 5.976 13.697 6.259 13.824 6.58C13.941 6.875 14 7.182 14 7.5L14 13C14 13.254 13.953 13.5 13.86 13.736C13.758 13.993 13.609 14.219 13.414 14.414C13.219 14.609 12.993 14.758 12.736 14.86C12.5 14.953 12.254 15 12 15L4 15C3.746 15 3.5 14.953 3.264 14.86C3.007 14.758 2.781 14.609 2.586 14.414C2.391 14.219 2.242 13.993 2.14 13.736C2.047 13.5 2 13.254 2 13L2 7.5C2 7.182 2.059 6.875 2.176 6.58C2.303 6.259 2.488 5.976 2.732 5.732C2.976 5.488 3.259 5.303 3.58 5.176C3.717 5.121 3.857 5.079 4 5.05L4 4L3.5 4C3.359 4 3.241 3.952 3.144 3.856C3.048 3.759 3 3.641 3 3.5L3 1.5C3 1.359 3.048 1.241 3.144 1.144C3.241 1.048 3.359 1 3.5 1L12.5 1C12.641 1 12.759 1.048 12.856 1.144ZM12 2L4 2L4 3L12 3L12 2ZM5 5.5C5 5.641 4.952 5.759 4.856 5.856C4.759 5.952 4.641 6 4.5 6C4.309 6 4.125 6.035 3.948 6.105C3.755 6.182 3.586 6.293 3.439 6.439C3.293 6.586 3.182 6.755 3.105 6.948C3.035 7.125 3 7.309 3 7.5L3 13C3 13.276 3.098 13.512 3.293 13.707C3.488 13.902 3.724 14 4 14L12 14C12.276 14 12.512 13.902 12.707 13.707C12.902 13.512 13 13.276 13 13L13 7.5C13 7.309 12.965 7.125 12.895 6.948C12.818 6.755 12.707 6.586 12.561 6.439C12.414 6.293 12.245 6.182 12.052 6.105C11.875 6.035 11.691 6 11.5 6C11.359 6 11.241 5.952 11.144 5.856C11.048 5.759 11 5.641 11 5.5L11 4L5 4L5 5.5ZM8.765 12.053C8.706 12.067 8.646 12.079 8.584 12.089L8.584 12.855L7.553 12.855L7.553 12.106C7.53 12.103 7.508 12.1 7.485 12.097C7.328 12.073 7.177 12.038 7.034 11.993L7.033 11.993L7.032 11.992C6.74 11.898 6.485 11.771 6.265 11.61L6.264 11.609C6.147 11.523 6.04 11.433 5.942 11.339C5.941 11.337 5.94 11.336 5.938 11.335C5.856 11.256 5.781 11.173 5.713 11.088L5.625 10.978L6.474 10.21L6.573 10.332C6.686 10.472 6.816 10.598 6.964 10.711L6.965 10.712C7.007 10.744 7.05 10.774 7.095 10.802C7.206 10.872 7.327 10.93 7.456 10.977C7.5 10.993 7.545 11.007 7.589 11.019C7.597 11.021 7.606 11.023 7.614 11.025L7.614 9.398C7.455 9.359 7.307 9.315 7.171 9.268C7.04 9.221 6.919 9.171 6.81 9.117C6.774 9.099 6.739 9.081 6.706 9.062L6.706 9.062C6.416 8.9 6.202 8.699 6.065 8.46L6.065 8.46C5.929 8.222 5.86 7.945 5.86 7.627L5.86 7.625C5.86 7.604 5.86 7.583 5.861 7.562C5.871 7.248 5.956 6.967 6.116 6.718L6.116 6.718L6.116 6.717C6.17 6.634 6.233 6.555 6.303 6.483C6.455 6.327 6.646 6.197 6.876 6.094C6.878 6.093 6.879 6.092 6.881 6.092L6.882 6.091C6.883 6.091 6.884 6.09 6.884 6.09C7.08 6.002 7.302 5.941 7.553 5.905L7.553 5.145L8.584 5.145L8.584 5.897C8.621 5.902 8.658 5.908 8.694 5.914C8.948 5.959 9.177 6.035 9.381 6.142L9.382 6.142C9.484 6.196 9.58 6.255 9.671 6.317C9.887 6.466 10.07 6.639 10.221 6.837L10.309 6.952L9.958 7.242L9.957 7.242L9.441 7.668L9.346 7.543C9.282 7.458 9.201 7.376 9.104 7.297C9.028 7.235 8.942 7.175 8.846 7.117L8.845 7.116C8.764 7.067 8.676 7.027 8.579 6.997C8.564 6.992 8.549 6.987 8.533 6.983L8.533 8.449C8.58 8.46 8.626 8.472 8.672 8.484C8.986 8.569 9.251 8.67 9.468 8.789C9.47 8.79 9.471 8.791 9.472 8.792L9.473 8.792L9.473 8.792C9.758 8.948 9.97 9.142 10.109 9.373L10.109 9.373L10.11 9.375C10.25 9.608 10.32 9.89 10.32 10.221L10.32 10.221C10.32 10.243 10.32 10.265 10.319 10.287C10.308 10.616 10.216 10.919 10.044 11.195L10.043 11.196C9.909 11.41 9.731 11.59 9.51 11.737C9.428 11.791 9.34 11.841 9.247 11.886L9.247 11.886C9.1 11.957 8.939 12.012 8.765 12.053ZM7.614 6.969C7.474 7.002 7.363 7.054 7.28 7.125C7.129 7.252 7.054 7.405 7.054 7.582C7.054 7.72 7.081 7.833 7.135 7.921C7.188 8.007 7.272 8.078 7.387 8.134C7.455 8.167 7.531 8.198 7.614 8.225L7.614 6.969ZM8.658 10.962C8.813 10.888 8.928 10.793 9.004 10.676C9.08 10.56 9.118 10.428 9.118 10.281C9.118 10.155 9.095 10.045 9.048 9.952C9.003 9.863 8.925 9.785 8.813 9.718C8.737 9.672 8.644 9.632 8.533 9.599L8.533 11.011C8.577 10.996 8.619 10.98 8.658 10.962Z" />
    </svg>
  );
}

Vue

Vue: see /icons/tip-jar.md

Svelte

Svelte: see /icons/tip-jar.md

HTML img

HTML img: see /icons/tip-jar.md

CSS

CSS: see /icons/tip-jar.md

Data URL

Data URL: see /icons/tip-jar.md

Sprite

Sprite: see /icons/tip-jar.md

SwiftUI

SwiftUI: see /icons/tip-jar.md

Compose

Compose: see /icons/tip-jar.md

Android XML

Android XML: see /icons/tip-jar.md

Flutter

Flutter: see /icons/tip-jar.md

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { TipJarIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

gratuity, tipping, add tip

Alternatives

hand-heart: charity or donation

Don’t confuse with

lightbulb: a tip as a hint or advice (lightbulb owns tip)

Also fits

tip: a tip as gratuity (gratuity)

Tags

tip, tip jar, tips, gratuity, jar, money, coin, cash, donation, pos, delivery, creator, support

Category

Money & finance

Component name

TipJarIcon

History

2026-11-07 20 px drawn, 24 px drawn, added, released in 0.5.0

Since

version 0.5.0

More money & finance icons

atm banknote banknote-arrow-down banknote-arrow-up banknote-check banknote-clock banknote-link banknote-lock banknote-minus banknote-off banknote-pencil banknote-shield banknote-trending-up banknote-x blockchain coin · all money & finance icons

For agents

Metadata: /icons/tip-jar.json · Markdown: /icons/tip-jar.md · SVG: https://gentleface.com/svg/{style}/16/tip-jar.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/tip-jar.png

tip-jar icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More money & finance icons

For agents

tip-jar icon