# tip-jar icon Tip jar. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/tip-jar - Category: Money & finance - Use it for: gratuity, tipping, add tip - Tags: tip, tip jar, tips, gratuity, jar, money, coin, cash, donation, pos, delivery, creator, support - Component name: TipJarIcon - Added: 2026-11-07 - Since: version 0.5.0 - npm: `import { TipJarIcon } from '@gentleface/react';` (@gentleface/react 0.6.0) ## 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) ## Files 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. - line-round: https://gentleface.com/svg/line-round/16/tip-jar.svg · PNG https://gentleface.com/png/line-round/16/tip-jar.png · https://gentleface.com/png/line-round/32/tip-jar.png · https://gentleface.com/png/line-round/48/tip-jar.png - line-soft: https://gentleface.com/svg/line-soft/16/tip-jar.svg · PNG https://gentleface.com/png/line-soft/16/tip-jar.png · https://gentleface.com/png/line-soft/32/tip-jar.png · https://gentleface.com/png/line-soft/48/tip-jar.png - line-sharp: https://gentleface.com/svg/line-sharp/16/tip-jar.svg · PNG https://gentleface.com/png/line-sharp/16/tip-jar.png · https://gentleface.com/png/line-sharp/32/tip-jar.png · https://gentleface.com/png/line-sharp/48/tip-jar.png - solid-round: https://gentleface.com/svg/solid-round/16/tip-jar.svg · PNG https://gentleface.com/png/solid-round/16/tip-jar.png · https://gentleface.com/png/solid-round/32/tip-jar.png · https://gentleface.com/png/solid-round/48/tip-jar.png - solid-soft: https://gentleface.com/svg/solid-soft/16/tip-jar.svg · PNG https://gentleface.com/png/solid-soft/16/tip-jar.png · https://gentleface.com/png/solid-soft/32/tip-jar.png · https://gentleface.com/png/solid-soft/48/tip-jar.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/tip-jar.svg · PNG https://gentleface.com/png/solid-sharp/16/tip-jar.png · https://gentleface.com/png/solid-sharp/32/tip-jar.png · https://gentleface.com/png/solid-sharp/48/tip-jar.png The SVG of every style: https://gentleface.com/icons/tip-jar.json (`svg`). ## Code (line-round) 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. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "tip-jar" (line-round), MIT. https://gentleface.com/icons/tip-jar import type { SVGProps } from 'react'; export function TipJarIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "tip-jar" (line-round), MIT. https://gentleface.com/icons/tip-jar. Takes the text color. */ .icon-tip-jar { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath 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'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "tip-jar" (line-round), MIT. https://gentleface.com/icons/tip-jar import SwiftUI struct TipJarIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 12.856, y: 1.144)) p.addCurve(to: CGPoint(x: 13, y: 1.5), control1: CGPoint(x: 12.952, y: 1.241), control2: CGPoint(x: 13, y: 1.359)) p.addLine(to: CGPoint(x: 13, y: 3.5)) p.addCurve(to: CGPoint(x: 12.856, y: 3.856), control1: CGPoint(x: 13, y: 3.641), control2: CGPoint(x: 12.952, y: 3.759)) p.addCurve(to: CGPoint(x: 12.5, y: 4), control1: CGPoint(x: 12.759, y: 3.952), control2: CGPoint(x: 12.641, y: 4)) p.addLine(to: CGPoint(x: 12, y: 4)) p.addLine(to: CGPoint(x: 12, y: 5.05)) p.addCurve(to: CGPoint(x: 12.42, y: 5.176), control1: CGPoint(x: 12.142, y: 5.079), control2: CGPoint(x: 12.283, y: 5.121)) p.addCurve(to: CGPoint(x: 13.268, y: 5.732), control1: CGPoint(x: 12.741, y: 5.303), control2: CGPoint(x: 13.024, y: 5.488)) p.addCurve(to: CGPoint(x: 13.824, y: 6.58), control1: CGPoint(x: 13.512, y: 5.976), control2: CGPoint(x: 13.697, y: 6.259)) p.addCurve(to: CGPoint(x: 14, y: 7.5), control1: CGPoint(x: 13.941, y: 6.875), control2: CGPoint(x: 14, y: 7.182)) p.addLine(to: CGPoint(x: 14, y: 13)) p.addCurve(to: CGPoint(x: 13.86, y: 13.736), control1: CGPoint(x: 14, y: 13.254), control2: CGPoint(x: 13.953, y: 13.5)) p.addCurve(to: CGPoint(x: 13.414, y: 14.414), control1: CGPoint(x: 13.758, y: 13.993), control2: CGPoint(x: 13.609, y: 14.219)) p.addCurve(to: CGPoint(x: 12.736, y: 14.86), control1: CGPoint(x: 13.219, y: 14.609), control2: CGPoint(x: 12.993, y: 14.758)) p.addCurve(to: CGPoint(x: 12, y: 15), control1: CGPoint(x: 12.5, y: 14.953), control2: CGPoint(x: 12.254, y: 15)) p.addLine(to: CGPoint(x: 4, y: 15)) p.addCurve(to: CGPoint(x: 3.264, y: 14.86), control1: CGPoint(x: 3.746, y: 15), control2: CGPoint(x: 3.5, y: 14.953)) p.addCurve(to: CGPoint(x: 2.586, y: 14.414), control1: CGPoint(x: 3.007, y: 14.758), control2: CGPoint(x: 2.781, y: 14.609)) p.addCurve(to: CGPoint(x: 2.14, y: 13.736), control1: CGPoint(x: 2.391, y: 14.219), control2: CGPoint(x: 2.242, y: 13.993)) p.addCurve(to: CGPoint(x: 2, y: 13), control1: CGPoint(x: 2.047, y: 13.5), control2: CGPoint(x: 2, y: 13.254)) p.addLine(to: CGPoint(x: 2, y: 7.5)) p.addCurve(to: CGPoint(x: 2.176, y: 6.58), control1: CGPoint(x: 2, y: 7.182), control2: CGPoint(x: 2.059, y: 6.875)) p.addCurve(to: CGPoint(x: 2.732, y: 5.732), control1: CGPoint(x: 2.303, y: 6.259), control2: CGPoint(x: 2.488, y: 5.976)) p.addCurve(to: CGPoint(x: 3.58, y: 5.176), control1: CGPoint(x: 2.976, y: 5.488), control2: CGPoint(x: 3.259, y: 5.303)) p.addCurve(to: CGPoint(x: 4, y: 5.05), control1: CGPoint(x: 3.717, y: 5.121), control2: CGPoint(x: 3.857, y: 5.079)) p.addLine(to: CGPoint(x: 4, y: 4)) p.addLine(to: CGPoint(x: 3.5, y: 4)) p.addCurve(to: CGPoint(x: 3.144, y: 3.856), control1: CGPoint(x: 3.359, y: 4), control2: CGPoint(x: 3.241, y: 3.952)) p.addCurve(to: CGPoint(x: 3, y: 3.5), control1: CGPoint(x: 3.048, y: 3.759), control2: CGPoint(x: 3, y: 3.641)) p.addLine(to: CGPoint(x: 3, y: 1.5)) p.addCurve(to: CGPoint(x: 3.144, y: 1.144), control1: CGPoint(x: 3, y: 1.359), control2: CGPoint(x: 3.048, y: 1.241)) p.addCurve(to: CGPoint(x: 3.5, y: 1), control1: CGPoint(x: 3.241, y: 1.048), control2: CGPoint(x: 3.359, y: 1)) p.addLine(to: CGPoint(x: 12.5, y: 1)) p.addCurve(to: CGPoint(x: 12.856, y: 1.144), control1: CGPoint(x: 12.641, y: 1), control2: CGPoint(x: 12.759, y: 1.048)) p.closeSubpath() p.move(to: CGPoint(x: 12, y: 2)) p.addLine(to: CGPoint(x: 4, y: 2)) p.addLine(to: CGPoint(x: 4, y: 3)) p.addLine(to: CGPoint(x: 12, y: 3)) p.addLine(to: CGPoint(x: 12, y: 2)) p.closeSubpath() p.move(to: CGPoint(x: 5, y: 5.5)) p.addCurve(to: CGPoint(x: 4.856, y: 5.856), control1: CGPoint(x: 5, y: 5.641), control2: CGPoint(x: 4.952, y: 5.759)) p.addCurve(to: CGPoint(x: 4.5, y: 6), control1: CGPoint(x: 4.759, y: 5.952), control2: CGPoint(x: 4.641, y: 6)) p.addCurve(to: CGPoint(x: 3.948, y: 6.105), control1: CGPoint(x: 4.309, y: 6), control2: CGPoint(x: 4.125, y: 6.035)) p.addCurve(to: CGPoint(x: 3.439, y: 6.439), control1: CGPoint(x: 3.755, y: 6.182), control2: CGPoint(x: 3.586, y: 6.293)) p.addCurve(to: CGPoint(x: 3.105, y: 6.948), control1: CGPoint(x: 3.293, y: 6.586), control2: CGPoint(x: 3.182, y: 6.755)) p.addCurve(to: CGPoint(x: 3, y: 7.5), control1: CGPoint(x: 3.035, y: 7.125), control2: CGPoint(x: 3, y: 7.309)) p.addLine(to: CGPoint(x: 3, y: 13)) p.addCurve(to: CGPoint(x: 3.293, y: 13.707), control1: CGPoint(x: 3, y: 13.276), control2: CGPoint(x: 3.098, y: 13.512)) p.addCurve(to: CGPoint(x: 4, y: 14), control1: CGPoint(x: 3.488, y: 13.902), control2: CGPoint(x: 3.724, y: 14)) p.addLine(to: CGPoint(x: 12, y: 14)) p.addCurve(to: CGPoint(x: 12.707, y: 13.707), control1: CGPoint(x: 12.276, y: 14), control2: CGPoint(x: 12.512, y: 13.902)) p.addCurve(to: CGPoint(x: 13, y: 13), control1: CGPoint(x: 12.902, y: 13.512), control2: CGPoint(x: 13, y: 13.276)) p.addLine(to: CGPoint(x: 13, y: 7.5)) p.addCurve(to: CGPoint(x: 12.895, y: 6.948), control1: CGPoint(x: 13, y: 7.309), control2: CGPoint(x: 12.965, y: 7.125)) p.addCurve(to: CGPoint(x: 12.561, y: 6.439), control1: CGPoint(x: 12.818, y: 6.755), control2: CGPoint(x: 12.707, y: 6.586)) p.addCurve(to: CGPoint(x: 12.052, y: 6.105), control1: CGPoint(x: 12.414, y: 6.293), control2: CGPoint(x: 12.245, y: 6.182)) p.addCurve(to: CGPoint(x: 11.5, y: 6), control1: CGPoint(x: 11.875, y: 6.035), control2: CGPoint(x: 11.691, y: 6)) p.addCurve(to: CGPoint(x: 11.144, y: 5.856), control1: CGPoint(x: 11.359, y: 6), control2: CGPoint(x: 11.241, y: 5.952)) p.addCurve(to: CGPoint(x: 11, y: 5.5), control1: CGPoint(x: 11.048, y: 5.759), control2: CGPoint(x: 11, y: 5.641)) p.addLine(to: CGPoint(x: 11, y: 4)) p.addLine(to: CGPoint(x: 5, y: 4)) p.addLine(to: CGPoint(x: 5, y: 5.5)) p.closeSubpath() p.move(to: CGPoint(x: 8.765, y: 12.053)) p.addCurve(to: CGPoint(x: 8.584, y: 12.089), control1: CGPoint(x: 8.706, y: 12.067), control2: CGPoint(x: 8.646, y: 12.079)) p.addLine(to: CGPoint(x: 8.584, y: 12.855)) p.addLine(to: CGPoint(x: 7.553, y: 12.855)) p.addLine(to: CGPoint(x: 7.553, y: 12.106)) p.addCurve(to: CGPoint(x: 7.485, y: 12.097), control1: CGPoint(x: 7.53, y: 12.103), control2: CGPoint(x: 7.508, y: 12.1)) p.addCurve(to: CGPoint(x: 7.034, y: 11.993), control1: CGPoint(x: 7.328, y: 12.073), control2: CGPoint(x: 7.177, y: 12.038)) p.addLine(to: CGPoint(x: 7.033, y: 11.993)) p.addLine(to: CGPoint(x: 7.032, y: 11.992)) p.addCurve(to: CGPoint(x: 6.265, y: 11.61), control1: CGPoint(x: 6.74, y: 11.898), control2: CGPoint(x: 6.485, y: 11.771)) p.addLine(to: CGPoint(x: 6.264, y: 11.609)) p.addCurve(to: CGPoint(x: 5.942, y: 11.339), control1: CGPoint(x: 6.147, y: 11.523), control2: CGPoint(x: 6.04, y: 11.433)) p.addCurve(to: CGPoint(x: 5.938, y: 11.335), control1: CGPoint(x: 5.941, y: 11.337), control2: CGPoint(x: 5.94, y: 11.336)) p.addCurve(to: CGPoint(x: 5.713, y: 11.088), control1: CGPoint(x: 5.856, y: 11.256), control2: CGPoint(x: 5.781, y: 11.173)) p.addLine(to: CGPoint(x: 5.625, y: 10.978)) p.addLine(to: CGPoint(x: 6.474, y: 10.21)) p.addLine(to: CGPoint(x: 6.573, y: 10.332)) p.addCurve(to: CGPoint(x: 6.964, y: 10.711), control1: CGPoint(x: 6.686, y: 10.472), control2: CGPoint(x: 6.816, y: 10.598)) p.addLine(to: CGPoint(x: 6.965, y: 10.712)) p.addCurve(to: CGPoint(x: 7.095, y: 10.802), control1: CGPoint(x: 7.007, y: 10.744), control2: CGPoint(x: 7.05, y: 10.774)) p.addCurve(to: CGPoint(x: 7.456, y: 10.977), control1: CGPoint(x: 7.206, y: 10.872), control2: CGPoint(x: 7.327, y: 10.93)) p.addCurve(to: CGPoint(x: 7.589, y: 11.019), control1: CGPoint(x: 7.5, y: 10.993), control2: CGPoint(x: 7.545, y: 11.007)) p.addCurve(to: CGPoint(x: 7.614, y: 11.025), control1: CGPoint(x: 7.597, y: 11.021), control2: CGPoint(x: 7.606, y: 11.023)) p.addLine(to: CGPoint(x: 7.614, y: 9.398)) p.addCurve(to: CGPoint(x: 7.171, y: 9.268), control1: CGPoint(x: 7.455, y: 9.359), control2: CGPoint(x: 7.307, y: 9.315)) p.addCurve(to: CGPoint(x: 6.81, y: 9.117), control1: CGPoint(x: 7.04, y: 9.221), control2: CGPoint(x: 6.919, y: 9.171)) p.addCurve(to: CGPoint(x: 6.706, y: 9.062), control1: CGPoint(x: 6.774, y: 9.099), control2: CGPoint(x: 6.739, y: 9.081)) p.addLine(to: CGPoint(x: 6.706, y: 9.062)) p.addCurve(to: CGPoint(x: 6.065, y: 8.46), control1: CGPoint(x: 6.416, y: 8.9), control2: CGPoint(x: 6.202, y: 8.699)) p.addLine(to: CGPoint(x: 6.065, y: 8.46)) p.addCurve(to: CGPoint(x: 5.86, y: 7.627), control1: CGPoint(x: 5.929, y: 8.222), control2: CGPoint(x: 5.86, y: 7.945)) p.addLine(to: CGPoint(x: 5.86, y: 7.625)) p.addCurve(to: CGPoint(x: 5.861, y: 7.562), control1: CGPoint(x: 5.86, y: 7.604), control2: CGPoint(x: 5.86, y: 7.583)) p.addCurve(to: CGPoint(x: 6.116, y: 6.718), control1: CGPoint(x: 5.871, y: 7.248), control2: CGPoint(x: 5.956, y: 6.967)) p.addLine(to: CGPoint(x: 6.116, y: 6.718)) p.addLine(to: CGPoint(x: 6.116, y: 6.717)) p.addCurve(to: CGPoint(x: 6.303, y: 6.483), control1: CGPoint(x: 6.17, y: 6.634), control2: CGPoint(x: 6.233, y: 6.555)) p.addCurve(to: CGPoint(x: 6.876, y: 6.094), control1: CGPoint(x: 6.455, y: 6.327), control2: CGPoint(x: 6.646, y: 6.197)) p.addCurve(to: CGPoint(x: 6.881, y: 6.092), control1: CGPoint(x: 6.878, y: 6.093), control2: CGPoint(x: 6.879, y: 6.092)) p.addLine(to: CGPoint(x: 6.882, y: 6.091)) p.addCurve(to: CGPoint(x: 6.884, y: 6.09), control1: CGPoint(x: 6.883, y: 6.091), control2: CGPoint(x: 6.884, y: 6.09)) p.addCurve(to: CGPoint(x: 7.553, y: 5.905), control1: CGPoint(x: 7.08, y: 6.002), control2: CGPoint(x: 7.302, y: 5.941)) p.addLine(to: CGPoint(x: 7.553, y: 5.145)) p.addLine(to: CGPoint(x: 8.584, y: 5.145)) p.addLine(to: CGPoint(x: 8.584, y: 5.897)) p.addCurve(to: CGPoint(x: 8.694, y: 5.914), control1: CGPoint(x: 8.621, y: 5.902), control2: CGPoint(x: 8.658, y: 5.908)) p.addCurve(to: CGPoint(x: 9.381, y: 6.142), control1: CGPoint(x: 8.948, y: 5.959), control2: CGPoint(x: 9.177, y: 6.035)) p.addLine(to: CGPoint(x: 9.382, y: 6.142)) p.addCurve(to: CGPoint(x: 9.671, y: 6.317), control1: CGPoint(x: 9.484, y: 6.196), control2: CGPoint(x: 9.58, y: 6.255)) p.addCurve(to: CGPoint(x: 10.221, y: 6.837), control1: CGPoint(x: 9.887, y: 6.466), control2: CGPoint(x: 10.07, y: 6.639)) p.addLine(to: CGPoint(x: 10.309, y: 6.952)) p.addLine(to: CGPoint(x: 9.958, y: 7.242)) p.addLine(to: CGPoint(x: 9.957, y: 7.242)) p.addLine(to: CGPoint(x: 9.441, y: 7.668)) p.addLine(to: CGPoint(x: 9.346, y: 7.543)) p.addCurve(to: CGPoint(x: 9.104, y: 7.297), control1: CGPoint(x: 9.282, y: 7.458), control2: CGPoint(x: 9.201, y: 7.376)) p.addCurve(to: CGPoint(x: 8.846, y: 7.117), control1: CGPoint(x: 9.028, y: 7.235), control2: CGPoint(x: 8.942, y: 7.175)) p.addLine(to: CGPoint(x: 8.845, y: 7.116)) p.addCurve(to: CGPoint(x: 8.579, y: 6.997), control1: CGPoint(x: 8.764, y: 7.067), control2: CGPoint(x: 8.676, y: 7.027)) p.addCurve(to: CGPoint(x: 8.533, y: 6.983), control1: CGPoint(x: 8.564, y: 6.992), control2: CGPoint(x: 8.549, y: 6.987)) p.addLine(to: CGPoint(x: 8.533, y: 8.449)) p.addCurve(to: CGPoint(x: 8.672, y: 8.484), control1: CGPoint(x: 8.58, y: 8.46), control2: CGPoint(x: 8.626, y: 8.472)) p.addCurve(to: CGPoint(x: 9.468, y: 8.789), control1: CGPoint(x: 8.986, y: 8.569), control2: CGPoint(x: 9.251, y: 8.67)) p.addCurve(to: CGPoint(x: 9.472, y: 8.792), control1: CGPoint(x: 9.47, y: 8.79), control2: CGPoint(x: 9.471, y: 8.791)) p.addLine(to: CGPoint(x: 9.473, y: 8.792)) p.addLine(to: CGPoint(x: 9.473, y: 8.792)) p.addCurve(to: CGPoint(x: 10.109, y: 9.373), control1: CGPoint(x: 9.758, y: 8.948), control2: CGPoint(x: 9.97, y: 9.142)) p.addLine(to: CGPoint(x: 10.109, y: 9.373)) p.addLine(to: CGPoint(x: 10.11, y: 9.375)) p.addCurve(to: CGPoint(x: 10.32, y: 10.221), control1: CGPoint(x: 10.25, y: 9.608), control2: CGPoint(x: 10.32, y: 9.89)) p.addLine(to: CGPoint(x: 10.32, y: 10.221)) p.addCurve(to: CGPoint(x: 10.319, y: 10.287), control1: CGPoint(x: 10.32, y: 10.243), control2: CGPoint(x: 10.32, y: 10.265)) p.addCurve(to: CGPoint(x: 10.044, y: 11.195), control1: CGPoint(x: 10.308, y: 10.616), control2: CGPoint(x: 10.216, y: 10.919)) p.addLine(to: CGPoint(x: 10.043, y: 11.196)) p.addCurve(to: CGPoint(x: 9.51, y: 11.737), control1: CGPoint(x: 9.909, y: 11.41), control2: CGPoint(x: 9.731, y: 11.59)) p.addCurve(to: CGPoint(x: 9.247, y: 11.886), control1: CGPoint(x: 9.428, y: 11.791), control2: CGPoint(x: 9.34, y: 11.841)) p.addLine(to: CGPoint(x: 9.247, y: 11.886)) p.addCurve(to: CGPoint(x: 8.765, y: 12.053), control1: CGPoint(x: 9.1, y: 11.957), control2: CGPoint(x: 8.939, y: 12.012)) p.closeSubpath() p.move(to: CGPoint(x: 7.614, y: 6.969)) p.addCurve(to: CGPoint(x: 7.28, y: 7.125), control1: CGPoint(x: 7.474, y: 7.002), control2: CGPoint(x: 7.363, y: 7.054)) p.addCurve(to: CGPoint(x: 7.054, y: 7.582), control1: CGPoint(x: 7.129, y: 7.252), control2: CGPoint(x: 7.054, y: 7.405)) p.addCurve(to: CGPoint(x: 7.135, y: 7.921), control1: CGPoint(x: 7.054, y: 7.72), control2: CGPoint(x: 7.081, y: 7.833)) p.addCurve(to: CGPoint(x: 7.387, y: 8.134), control1: CGPoint(x: 7.188, y: 8.007), control2: CGPoint(x: 7.272, y: 8.078)) p.addCurve(to: CGPoint(x: 7.614, y: 8.225), control1: CGPoint(x: 7.455, y: 8.167), control2: CGPoint(x: 7.531, y: 8.198)) p.addLine(to: CGPoint(x: 7.614, y: 6.969)) p.closeSubpath() p.move(to: CGPoint(x: 8.658, y: 10.962)) p.addCurve(to: CGPoint(x: 9.004, y: 10.676), control1: CGPoint(x: 8.813, y: 10.888), control2: CGPoint(x: 8.928, y: 10.793)) p.addCurve(to: CGPoint(x: 9.118, y: 10.281), control1: CGPoint(x: 9.08, y: 10.56), control2: CGPoint(x: 9.118, y: 10.428)) p.addCurve(to: CGPoint(x: 9.048, y: 9.952), control1: CGPoint(x: 9.118, y: 10.155), control2: CGPoint(x: 9.095, y: 10.045)) p.addCurve(to: CGPoint(x: 8.813, y: 9.718), control1: CGPoint(x: 9.003, y: 9.863), control2: CGPoint(x: 8.925, y: 9.785)) p.addCurve(to: CGPoint(x: 8.533, y: 9.599), control1: CGPoint(x: 8.737, y: 9.672), control2: CGPoint(x: 8.644, y: 9.632)) p.addLine(to: CGPoint(x: 8.533, y: 11.011)) p.addCurve(to: CGPoint(x: 8.658, y: 10.962), control1: CGPoint(x: 8.577, y: 10.996), control2: CGPoint(x: 8.619, y: 10.98)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // TipJarIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "tip-jar" (line-round), MIT. https://gentleface.com/icons/tip-jar import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val TipJarIcon: ImageVector by lazy { ImageVector.Builder( name = "tip-jar", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("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"), fill = SolidColor(Color.Black), ).build() } // Icon(TipJarIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "tip-jar" (line-round), MIT. https://gentleface.com/icons/tip-jar import 'package:flutter/widgets.dart'; class TipJarIcon extends StatelessWidget { const TipJarIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _TipJarIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _TipJarIconPainter extends CustomPainter { _TipJarIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(12.856, 1.144) ..cubicTo(12.952, 1.241, 13, 1.359, 13, 1.5) ..lineTo(13, 3.5) ..cubicTo(13, 3.641, 12.952, 3.759, 12.856, 3.856) ..cubicTo(12.759, 3.952, 12.641, 4, 12.5, 4) ..lineTo(12, 4) ..lineTo(12, 5.05) ..cubicTo(12.142, 5.079, 12.283, 5.121, 12.42, 5.176) ..cubicTo(12.741, 5.303, 13.024, 5.488, 13.268, 5.732) ..cubicTo(13.512, 5.976, 13.697, 6.259, 13.824, 6.58) ..cubicTo(13.941, 6.875, 14, 7.182, 14, 7.5) ..lineTo(14, 13) ..cubicTo(14, 13.254, 13.953, 13.5, 13.86, 13.736) ..cubicTo(13.758, 13.993, 13.609, 14.219, 13.414, 14.414) ..cubicTo(13.219, 14.609, 12.993, 14.758, 12.736, 14.86) ..cubicTo(12.5, 14.953, 12.254, 15, 12, 15) ..lineTo(4, 15) ..cubicTo(3.746, 15, 3.5, 14.953, 3.264, 14.86) ..cubicTo(3.007, 14.758, 2.781, 14.609, 2.586, 14.414) ..cubicTo(2.391, 14.219, 2.242, 13.993, 2.14, 13.736) ..cubicTo(2.047, 13.5, 2, 13.254, 2, 13) ..lineTo(2, 7.5) ..cubicTo(2, 7.182, 2.059, 6.875, 2.176, 6.58) ..cubicTo(2.303, 6.259, 2.488, 5.976, 2.732, 5.732) ..cubicTo(2.976, 5.488, 3.259, 5.303, 3.58, 5.176) ..cubicTo(3.717, 5.121, 3.857, 5.079, 4, 5.05) ..lineTo(4, 4) ..lineTo(3.5, 4) ..cubicTo(3.359, 4, 3.241, 3.952, 3.144, 3.856) ..cubicTo(3.048, 3.759, 3, 3.641, 3, 3.5) ..lineTo(3, 1.5) ..cubicTo(3, 1.359, 3.048, 1.241, 3.144, 1.144) ..cubicTo(3.241, 1.048, 3.359, 1, 3.5, 1) ..lineTo(12.5, 1) ..cubicTo(12.641, 1, 12.759, 1.048, 12.856, 1.144) ..close() ..moveTo(12, 2) ..lineTo(4, 2) ..lineTo(4, 3) ..lineTo(12, 3) ..lineTo(12, 2) ..close() ..moveTo(5, 5.5) ..cubicTo(5, 5.641, 4.952, 5.759, 4.856, 5.856) ..cubicTo(4.759, 5.952, 4.641, 6, 4.5, 6) ..cubicTo(4.309, 6, 4.125, 6.035, 3.948, 6.105) ..cubicTo(3.755, 6.182, 3.586, 6.293, 3.439, 6.439) ..cubicTo(3.293, 6.586, 3.182, 6.755, 3.105, 6.948) ..cubicTo(3.035, 7.125, 3, 7.309, 3, 7.5) ..lineTo(3, 13) ..cubicTo(3, 13.276, 3.098, 13.512, 3.293, 13.707) ..cubicTo(3.488, 13.902, 3.724, 14, 4, 14) ..lineTo(12, 14) ..cubicTo(12.276, 14, 12.512, 13.902, 12.707, 13.707) ..cubicTo(12.902, 13.512, 13, 13.276, 13, 13) ..lineTo(13, 7.5) ..cubicTo(13, 7.309, 12.965, 7.125, 12.895, 6.948) ..cubicTo(12.818, 6.755, 12.707, 6.586, 12.561, 6.439) ..cubicTo(12.414, 6.293, 12.245, 6.182, 12.052, 6.105) ..cubicTo(11.875, 6.035, 11.691, 6, 11.5, 6) ..cubicTo(11.359, 6, 11.241, 5.952, 11.144, 5.856) ..cubicTo(11.048, 5.759, 11, 5.641, 11, 5.5) ..lineTo(11, 4) ..lineTo(5, 4) ..lineTo(5, 5.5) ..close() ..moveTo(8.765, 12.053) ..cubicTo(8.706, 12.067, 8.646, 12.079, 8.584, 12.089) ..lineTo(8.584, 12.855) ..lineTo(7.553, 12.855) ..lineTo(7.553, 12.106) ..cubicTo(7.53, 12.103, 7.508, 12.1, 7.485, 12.097) ..cubicTo(7.328, 12.073, 7.177, 12.038, 7.034, 11.993) ..lineTo(7.033, 11.993) ..lineTo(7.032, 11.992) ..cubicTo(6.74, 11.898, 6.485, 11.771, 6.265, 11.61) ..lineTo(6.264, 11.609) ..cubicTo(6.147, 11.523, 6.04, 11.433, 5.942, 11.339) ..cubicTo(5.941, 11.337, 5.94, 11.336, 5.938, 11.335) ..cubicTo(5.856, 11.256, 5.781, 11.173, 5.713, 11.088) ..lineTo(5.625, 10.978) ..lineTo(6.474, 10.21) ..lineTo(6.573, 10.332) ..cubicTo(6.686, 10.472, 6.816, 10.598, 6.964, 10.711) ..lineTo(6.965, 10.712) ..cubicTo(7.007, 10.744, 7.05, 10.774, 7.095, 10.802) ..cubicTo(7.206, 10.872, 7.327, 10.93, 7.456, 10.977) ..cubicTo(7.5, 10.993, 7.545, 11.007, 7.589, 11.019) ..cubicTo(7.597, 11.021, 7.606, 11.023, 7.614, 11.025) ..lineTo(7.614, 9.398) ..cubicTo(7.455, 9.359, 7.307, 9.315, 7.171, 9.268) ..cubicTo(7.04, 9.221, 6.919, 9.171, 6.81, 9.117) ..cubicTo(6.774, 9.099, 6.739, 9.081, 6.706, 9.062) ..lineTo(6.706, 9.062) ..cubicTo(6.416, 8.9, 6.202, 8.699, 6.065, 8.46) ..lineTo(6.065, 8.46) ..cubicTo(5.929, 8.222, 5.86, 7.945, 5.86, 7.627) ..lineTo(5.86, 7.625) ..cubicTo(5.86, 7.604, 5.86, 7.583, 5.861, 7.562) ..cubicTo(5.871, 7.248, 5.956, 6.967, 6.116, 6.718) ..lineTo(6.116, 6.718) ..lineTo(6.116, 6.717) ..cubicTo(6.17, 6.634, 6.233, 6.555, 6.303, 6.483) ..cubicTo(6.455, 6.327, 6.646, 6.197, 6.876, 6.094) ..cubicTo(6.878, 6.093, 6.879, 6.092, 6.881, 6.092) ..lineTo(6.882, 6.091) ..cubicTo(6.883, 6.091, 6.884, 6.09, 6.884, 6.09) ..cubicTo(7.08, 6.002, 7.302, 5.941, 7.553, 5.905) ..lineTo(7.553, 5.145) ..lineTo(8.584, 5.145) ..lineTo(8.584, 5.897) ..cubicTo(8.621, 5.902, 8.658, 5.908, 8.694, 5.914) ..cubicTo(8.948, 5.959, 9.177, 6.035, 9.381, 6.142) ..lineTo(9.382, 6.142) ..cubicTo(9.484, 6.196, 9.58, 6.255, 9.671, 6.317) ..cubicTo(9.887, 6.466, 10.07, 6.639, 10.221, 6.837) ..lineTo(10.309, 6.952) ..lineTo(9.958, 7.242) ..lineTo(9.957, 7.242) ..lineTo(9.441, 7.668) ..lineTo(9.346, 7.543) ..cubicTo(9.282, 7.458, 9.201, 7.376, 9.104, 7.297) ..cubicTo(9.028, 7.235, 8.942, 7.175, 8.846, 7.117) ..lineTo(8.845, 7.116) ..cubicTo(8.764, 7.067, 8.676, 7.027, 8.579, 6.997) ..cubicTo(8.564, 6.992, 8.549, 6.987, 8.533, 6.983) ..lineTo(8.533, 8.449) ..cubicTo(8.58, 8.46, 8.626, 8.472, 8.672, 8.484) ..cubicTo(8.986, 8.569, 9.251, 8.67, 9.468, 8.789) ..cubicTo(9.47, 8.79, 9.471, 8.791, 9.472, 8.792) ..lineTo(9.473, 8.792) ..lineTo(9.473, 8.792) ..cubicTo(9.758, 8.948, 9.97, 9.142, 10.109, 9.373) ..lineTo(10.109, 9.373) ..lineTo(10.11, 9.375) ..cubicTo(10.25, 9.608, 10.32, 9.89, 10.32, 10.221) ..lineTo(10.32, 10.221) ..cubicTo(10.32, 10.243, 10.32, 10.265, 10.319, 10.287) ..cubicTo(10.308, 10.616, 10.216, 10.919, 10.044, 11.195) ..lineTo(10.043, 11.196) ..cubicTo(9.909, 11.41, 9.731, 11.59, 9.51, 11.737) ..cubicTo(9.428, 11.791, 9.34, 11.841, 9.247, 11.886) ..lineTo(9.247, 11.886) ..cubicTo(9.1, 11.957, 8.939, 12.012, 8.765, 12.053) ..close() ..moveTo(7.614, 6.969) ..cubicTo(7.474, 7.002, 7.363, 7.054, 7.28, 7.125) ..cubicTo(7.129, 7.252, 7.054, 7.405, 7.054, 7.582) ..cubicTo(7.054, 7.72, 7.081, 7.833, 7.135, 7.921) ..cubicTo(7.188, 8.007, 7.272, 8.078, 7.387, 8.134) ..cubicTo(7.455, 8.167, 7.531, 8.198, 7.614, 8.225) ..lineTo(7.614, 6.969) ..close() ..moveTo(8.658, 10.962) ..cubicTo(8.813, 10.888, 8.928, 10.793, 9.004, 10.676) ..cubicTo(9.08, 10.56, 9.118, 10.428, 9.118, 10.281) ..cubicTo(9.118, 10.155, 9.095, 10.045, 9.048, 9.952) ..cubicTo(9.003, 9.863, 8.925, 9.785, 8.813, 9.718) ..cubicTo(8.737, 9.672, 8.644, 9.632, 8.533, 9.599) ..lineTo(8.533, 11.011) ..cubicTo(8.577, 10.996, 8.619, 10.98, 8.658, 10.962) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_TipJarIconPainter old) => old.color != color; } ```