gentleface

Gentleface › Shopping › cash-register

cash-register icon

Cash register: point of sale, cash register, pos, till. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

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="M11.856 1.144C11.952 1.241 12 1.359 12 1.5L12 3.5C12 3.641 11.952 3.759 11.856 3.856C11.759 3.952 11.641 4 11.5 4L4.5 4C4.359 4 4.241 3.952 4.144 3.856C4.048 3.759 4 3.641 4 3.5L4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1L11.5 1C11.641 1 11.759 1.048 11.856 1.144ZM11 2L5 2L5 3L11 3L11 2ZM11.624 5.299C11.947 5.498 12.192 5.767 12.362 6.106L14.5 10.382C14.833 11.049 15 11.755 15 12.5L15 13C15 13.254 14.953 13.5 14.86 13.736C14.758 13.993 14.609 14.219 14.414 14.414C14.219 14.609 13.993 14.758 13.736 14.86C13.5 14.953 13.254 15 13 15L3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 12.5C1 11.755 1.167 11.049 1.5 10.382L3.638 6.106C3.808 5.767 4.053 5.498 4.376 5.299C4.698 5.1 5.048 5 5.427 5L10.573 5C10.952 5 11.302 5.1 11.624 5.299ZM4.901 6.149C4.74 6.249 4.617 6.383 4.533 6.553L2.394 10.829C2.366 10.886 2.339 10.943 2.314 11L13.686 11C13.661 10.943 13.634 10.886 13.606 10.829L11.467 6.553C11.383 6.383 11.26 6.249 11.099 6.149C10.938 6.05 10.762 6 10.573 6L5.427 6C5.238 6 5.062 6.05 4.901 6.149ZM7 8L5 8L5 7L7 7L7 8ZM11 8L9 8L9 7L11 7L11 8ZM4 9L6 9L6 10L4 10L4 9ZM9 10L7 10L7 9L9 9L9 10ZM10 9L12 9L12 10L10 10L10 9ZM2.293 13.707C2.488 13.902 2.724 14 3 14L13 14C13.276 14 13.512 13.902 13.707 13.707C13.902 13.512 14 13.276 14 13L14 12.5C14 12.331 13.989 12.164 13.967 12L2.033 12C2.011 12.164 2 12.331 2 12.5L2 13C2 13.276 2.098 13.512 2.293 13.707Z"/></svg>
React
// Gentleface "cash-register" (line-round), MIT. https://gentleface.com/icons/cash-register
import type { SVGProps } from 'react';

export function CashRegisterIcon(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="M11.856 1.144C11.952 1.241 12 1.359 12 1.5L12 3.5C12 3.641 11.952 3.759 11.856 3.856C11.759 3.952 11.641 4 11.5 4L4.5 4C4.359 4 4.241 3.952 4.144 3.856C4.048 3.759 4 3.641 4 3.5L4 1.5C4 1.359 4.048 1.241 4.144 1.144C4.241 1.048 4.359 1 4.5 1L11.5 1C11.641 1 11.759 1.048 11.856 1.144ZM11 2L5 2L5 3L11 3L11 2ZM11.624 5.299C11.947 5.498 12.192 5.767 12.362 6.106L14.5 10.382C14.833 11.049 15 11.755 15 12.5L15 13C15 13.254 14.953 13.5 14.86 13.736C14.758 13.993 14.609 14.219 14.414 14.414C14.219 14.609 13.993 14.758 13.736 14.86C13.5 14.953 13.254 15 13 15L3 15C2.746 15 2.5 14.953 2.264 14.86C2.007 14.758 1.781 14.609 1.586 14.414C1.391 14.219 1.242 13.993 1.14 13.736C1.047 13.5 1 13.254 1 13L1 12.5C1 11.755 1.167 11.049 1.5 10.382L3.638 6.106C3.808 5.767 4.053 5.498 4.376 5.299C4.698 5.1 5.048 5 5.427 5L10.573 5C10.952 5 11.302 5.1 11.624 5.299ZM4.901 6.149C4.74 6.249 4.617 6.383 4.533 6.553L2.394 10.829C2.366 10.886 2.339 10.943 2.314 11L13.686 11C13.661 10.943 13.634 10.886 13.606 10.829L11.467 6.553C11.383 6.383 11.26 6.249 11.099 6.149C10.938 6.05 10.762 6 10.573 6L5.427 6C5.238 6 5.062 6.05 4.901 6.149ZM7 8L5 8L5 7L7 7L7 8ZM11 8L9 8L9 7L11 7L11 8ZM4 9L6 9L6 10L4 10L4 9ZM9 10L7 10L7 9L9 9L9 10ZM10 9L12 9L12 10L10 10L10 9ZM2.293 13.707C2.488 13.902 2.724 14 3 14L13 14C13.276 14 13.512 13.902 13.707 13.707C13.902 13.512 14 13.276 14 13L14 12.5C14 12.331 13.989 12.164 13.967 12L2.033 12C2.011 12.164 2 12.331 2 12.5L2 13C2 13.276 2.098 13.512 2.293 13.707Z" />
    </svg>
  );
}
Vue
Vue: see /icons/cash-register.md
Svelte
Svelte: see /icons/cash-register.md
HTML img
HTML img: see /icons/cash-register.md
CSS
CSS: see /icons/cash-register.md
Data URL
Data URL: see /icons/cash-register.md
Sprite
Sprite: see /icons/cash-register.md
SwiftUI
SwiftUI: see /icons/cash-register.md
Compose
Compose: see /icons/cash-register.md
Android XML
Android XML: see /icons/cash-register.md
Flutter
Flutter: see /icons/cash-register.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. 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.

Meaning

Use it for
point of sale, cash register, pos, till
Alternatives
Also fits
  • checkout: in-store checkout counter (point of sale)
  • card terminal: point of sale, the till
Tags
cash-register, point-of-sale, pos, till, checkout, register, cashier, store, retail, sale
Category
Shopping
Component name
CashRegisterIcon
History
  • added

More shopping icons

barcode gem gift gift-check handbag hanger package package-alert package-arrow-down package-arrow-right package-arrow-up package-check package-clock package-off package-pencil package-plus · all shopping icons

For agents

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

Feedback