Cashregister icon
whh:cashregister
The Cashregister icon (whh:cashregister) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 960 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 960 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="960" height="1024" viewBox="0 0 960 1024"><path fill="currentColor" d="M896 1024H64q-27 0-45.5-19T0 960V832q0-27 18.5-45.5T64 768h832q26 0 45 18.5t19 45.5v128q0 26-19 45t-45 19M512 832h-64q-27 0-45.5 18.5t-18.5 45t18.5 45.5t45.5 19h64q26 0 45-19t19-45.5t-19-45t-45-18.5m384-128H64q-27 0-45.5-19T0 640V320q0-27 50.5-77.5T128 192V64q0-27 18.5-45.5T192 0h576q26 0 45 18.5T832 64v128q26 0 77 50.5t51 77.5v320q0 26-19 45t-45 19m-384-96q0 13 9.5 22.5T544 640h64q13 0 22.5-9.5T640 608v-64q0-13-9.5-22.5T608 512h-64q-13 0-22.5 9.5T512 544zm0-192q0 13 9.5 22.5T544 448h64q13 0 22.5-9.5T640 416v-64q0-13-9.5-22.5T608 320h-64q-13 0-22.5 9.5T512 352zM320 608q0 13 9.5 22.5T352 640h64q13 0 22.5-9.5T448 608v-64q0-13-9.5-22.5T416 512h-64q-13 0-22.5 9.5T320 544zm0-192q0 13 9.5 22.5T352 448h64q13 0 22.5-9.5T448 416v-64q0-13-9.5-22.5T416 320h-64q-13 0-22.5 9.5T320 352zM128 608q0 13 9.5 22.5T160 640h64q13 0 22.5-9.5T256 608v-64q0-13-9.5-22.5T224 512h-64q-13 0-22.5 9.5T128 544zm96-288h-64q-13 0-22.5 9.5T128 352v64q0 13 9.5 22.5T160 448h64q13 0 22.5-9.5T256 416v-64q0-13-9.5-22.5T224 320m480-160q0-13-9.5-22.5T672 128H288q-13 0-22.5 9.5T256 160v64q0 13 9.5 22.5T288 256h384q13 0 22.5-9.5T704 224zm128 192q0-13-9.5-22.5T800 320h-64q-13 0-22.5 9.5T704 352v64q0 13 9.5 22.5T736 448h64q13 0 22.5-9.5T832 416zm0 192q0-13-9.5-22.5T800 512h-64q-13 0-22.5 9.5T704 544v64q0 13 9.5 22.5T736 640h64q13 0 22.5-9.5T832 608z"/></svg>How to use the Cashregister icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:cashregister" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:cashregister" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:cashregister" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--cashregister]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:cashregister"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:cashregister"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/cashregister.svg" alt="Cashregister icon" width="24" height="24">Cashregister icon FAQ
Is the Cashregister icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Cashregister icon in React?
Install @iconify/react and render <Icon icon="whh:cashregister" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cashregister icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/cashregister.svg" alt="Cashregister icon">, or paste the SVG code inline to style it with CSS.