Abacus icon

game-icons:abacus

The Abacus icon (game-icons:abacus) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M37 73v382h18V73zm418.045 0l1.91 382h18l-1.91-382zM105 160c-14.638 0-27.157 9.715-31.43 23c-2.405 6.634-1.479 14.38-.574 18c3.61 14.3 16.641 25 32.004 25c14.17 0 26.36-9.102 31-21.736C140.64 216.898 152.83 226 167 226c15.363 0 28.394-10.7 32.004-25h238.682l-.09-18H198.43c-4.273-13.285-16.792-23-31.43-23c-14.17 0-26.36 9.102-31 21.736C131.36 169.102 119.17 160 105 160m0 18c8.39 0 15 6.61 15 15s-6.61 15-15 15s-15-6.61-15-15s6.61-15 15-15m62 0c8.39 0 17 6.61 17 15s-8.61 15-17 15s-15-6.61-15-15s6.61-15 15-15m33 45c-15.002 0-27.775 10.206-31.729 24H73v18h95.271c3.954 13.794 16.727 24 31.729 24s27.775-10.206 31.729-24h206.277l-.092-18H231.73c-3.954-13.794-16.727-24-31.729-24zm0 18c8.39 0 15 6.61 15 15s-6.61 15-15 15s-15-6.61-15-15s6.61-15 15-15m83 47c-14.638 0-27.157 9.715-31.43 23H73v18h177.996c3.61 14.3 16.641 25 32.004 25c14.17 0 26.36-9.102 31-21.736C318.64 344.898 330.83 354 345 354s26.36-9.102 31-21.736C380.64 344.898 392.83 354 407 354c15.363 0 28.394-10.7 32.004-25c1.31-3.077.621-13.458-.77-18C432 294.406 418.467 288.286 407 288c-14.17 0-26.36 9.102-31 21.736C371.36 297.102 359.17 288 345 288s-26.36 9.102-31 21.736C309.36 297.102 297.17 288 283 288m62 66c-13.892 0-25.874 8.752-30.71 21H73v18h239.564c2.853 15.29 16.366 27 32.436 27s29.583-11.71 32.436-27h61.209l-.09-18H375.71c-4.837-12.248-16.819-21-30.711-21zm-62-48c8.39 0 15 6.61 15 15s-6.61 15-15 15s-15-6.61-15-15s6.61-15 15-15m62 0c8.39 0 15 6.61 15 15s-6.61 15-15 15s-15-6.61-15-15s6.61-15 15-15m62 0c8.39 0 15 6.61 15 15s-6.61 15-15 15s-15-6.61-15-15s6.61-15 15-15m-62 66c8.39 0 15 6.61 15 15s-6.61 15-15 15s-15-6.61-15-15s6.61-15 15-15M25 473v16h462v-16z"/></svg>

How to use the Abacus icon

React

import { Icon } from "@iconify/react";

<Icon icon="game-icons:abacus" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="game-icons:abacus" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="game-icons:abacus" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--abacus]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:abacus"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:abacus"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/abacus.svg" alt="Abacus icon" width="24" height="24">

Abacus icon in other icon sets

Abacus icon FAQ

Is the Abacus icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Abacus icon in React?

Install @iconify/react and render <Icon icon="game-icons:abacus" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Abacus icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/abacus.svg" alt="Abacus icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →