abacus emoji

abacus from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.

Name
abacus
Set
Twitter Emoji
Style
Default
Category
Objects
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

abacusBoxIcons v2abacusFluent EmojiabacusFluent Emoji FlatabacusFluent Emoji High ContrastabacusHuge IconsabacusMaterial Design IconsabacusNoto EmojiabacusOpenMojiabacusTabler IconsabacusUnicons

More objects icons from Twitter Emoji

accordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbombbookmarkbookmark-tabsbooks

Use the abacus emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M3 16v-2h30v2zm0 7v-2h30v2zm0 7v-2h30v2zM3 9V7h30v2z"/><path fill="#d5ab88" d="M35 33V1a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1H4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v32zM4 4h28v29H4z"/><path fill="#3b94d9" d="M19 5.5A1.5 1.5 0 0 0 17.5 7a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0V7A1.5 1.5 0 0 0 19 5.5"/><path fill="#be1931" d="M19 12.5a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0v-2a1.5 1.5 0 0 0-1.5-1.5"/><path fill="#5c913b" d="M19 19.5a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0v-2a1.5 1.5 0 0 0-1.5-1.5"/><path fill="#ffac33" d="M19 26.5a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0v-2a1.5 1.5 0 0 0-1.5-1.5"/><path fill="#3b94d9" d="M29 10.5A1.5 1.5 0 0 1 27.5 9V7a1.5 1.5 0 1 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5"/><path fill="#be1931" d="M29 17.5a1.5 1.5 0 0 1-1.5-1.5v-2a1.5 1.5 0 1 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5"/><path fill="#5c913b" d="M29 24.5a1.5 1.5 0 0 1-1.5-1.5v-2a1.5 1.5 0 0 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5"/><path fill="#ffac33" d="M29 31.5a1.5 1.5 0 0 1-1.5-1.5v-2a1.5 1.5 0 0 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5"/><path fill="#bf6952" d="M35 33H1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiAbacus(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M3 16v-2h30v2zm0 7v-2h30v2zm0 7v-2h30v2zM3 9V7h30v2z"/><path fill="#d5ab88" d="M35 33V1a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1H4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v32zM4 4h28v29H4z"/><path fill="#3b94d9" d="M19 5.5A1.5 1.5 0 0 0 17.5 7a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0V7A1.5 1.5 0 0 0 19 5.5"/><path fill="#be1931" d="M19 12.5a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0v-2a1.5 1.5 0 0 0-1.5-1.5"/><path fill="#5c913b" d="M19 19.5a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0v-2a1.5 1.5 0 0 0-1.5-1.5"/><path fill="#ffac33" d="M19 26.5a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0v-2a1.5 1.5 0 0 0-1.5-1.5"/><path fill="#3b94d9" d="M29 10.5A1.5 1.5 0 0 1 27.5 9V7a1.5 1.5 0 1 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5"/><path fill="#be1931" d="M29 17.5a1.5 1.5 0 0 1-1.5-1.5v-2a1.5 1.5 0 1 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5"/><path fill="#5c913b" d="M29 24.5a1.5 1.5 0 0 1-1.5-1.5v-2a1.5 1.5 0 0 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5"/><path fill="#ffac33" d="M29 31.5a1.5 1.5 0 0 1-1.5-1.5v-2a1.5 1.5 0 0 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5"/><path fill="#bf6952" d="M35 33H1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M3 16v-2h30v2zm0 7v-2h30v2zm0 7v-2h30v2zM3 9V7h30v2z"/><path fill="#d5ab88" d="M35 33V1a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1H4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v32zM4 4h28v29H4z"/><path fill="#3b94d9" d="M19 5.5A1.5 1.5 0 0 0 17.5 7a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0V7A1.5 1.5 0 0 0 19 5.5"/><path fill="#be1931" d="M19 12.5a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0v-2a1.5 1.5 0 0 0-1.5-1.5"/><path fill="#5c913b" d="M19 19.5a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0v-2a1.5 1.5 0 0 0-1.5-1.5"/><path fill="#ffac33" d="M19 26.5a1.5 1.5 0 0 0-1.5 1.5a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0a1.5 1.5 0 1 0-3 0v2a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 3 0v-2a1.5 1.5 0 0 0-1.5-1.5"/><path fill="#3b94d9" d="M29 10.5A1.5 1.5 0 0 1 27.5 9V7a1.5 1.5 0 1 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5"/><path fill="#be1931" d="M29 17.5a1.5 1.5 0 0 1-1.5-1.5v-2a1.5 1.5 0 1 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5"/><path fill="#5c913b" d="M29 24.5a1.5 1.5 0 0 1-1.5-1.5v-2a1.5 1.5 0 0 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5"/><path fill="#ffac33" d="M29 31.5a1.5 1.5 0 0 1-1.5-1.5v-2a1.5 1.5 0 0 1 3 0v2a1.5 1.5 0 0 1-1.5 1.5"/><path fill="#bf6952" d="M35 33H1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1"/></svg>
</template>

CSS

.icon-abacus {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M3%2016v-2h30v2zm0%207v-2h30v2zm0%207v-2h30v2zM3%209V7h30v2z%22%2F%3E%3Cpath%20fill%3D%22%23d5ab88%22%20d%3D%22M35%2033V1a1%201%200%200%200-1-1h-1a1%201%200%200%200-1%201H4a1%201%200%200%200-1-1H2a1%201%200%200%200-1%201v32zM4%204h28v29H4z%22%2F%3E%3Cpath%20fill%3D%22%233b94d9%22%20d%3D%22M19%205.5A1.5%201.5%200%200%200%2017.5%207a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200v2a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200V7A1.5%201.5%200%200%200%2019%205.5%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M19%2012.5a1.5%201.5%200%200%200-1.5%201.5a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200v2a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200v-2a1.5%201.5%200%200%200-1.5-1.5%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M19%2019.5a1.5%201.5%200%200%200-1.5%201.5a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200v2a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200v-2a1.5%201.5%200%200%200-1.5-1.5%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M19%2026.5a1.5%201.5%200%200%200-1.5%201.5a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200v2a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200v-2a1.5%201.5%200%200%200-1.5-1.5%22%2F%3E%3Cpath%20fill%3D%22%233b94d9%22%20d%3D%22M29%2010.5A1.5%201.5%200%200%201%2027.5%209V7a1.5%201.5%200%201%201%203%200v2a1.5%201.5%200%200%201-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M29%2017.5a1.5%201.5%200%200%201-1.5-1.5v-2a1.5%201.5%200%201%201%203%200v2a1.5%201.5%200%200%201-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M29%2024.5a1.5%201.5%200%200%201-1.5-1.5v-2a1.5%201.5%200%200%201%203%200v2a1.5%201.5%200%200%201-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M29%2031.5a1.5%201.5%200%200%201-1.5-1.5v-2a1.5%201.5%200%200%201%203%200v2a1.5%201.5%200%200%201-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23bf6952%22%20d%3D%22M35%2033H1a1%201%200%200%200-1%201v1a1%201%200%200%200%201%201h34a1%201%200%200%200%201-1v-1a1%201%200%200%200-1-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M3%2016v-2h30v2zm0%207v-2h30v2zm0%207v-2h30v2zM3%209V7h30v2z%22%2F%3E%3Cpath%20fill%3D%22%23d5ab88%22%20d%3D%22M35%2033V1a1%201%200%200%200-1-1h-1a1%201%200%200%200-1%201H4a1%201%200%200%200-1-1H2a1%201%200%200%200-1%201v32zM4%204h28v29H4z%22%2F%3E%3Cpath%20fill%3D%22%233b94d9%22%20d%3D%22M19%205.5A1.5%201.5%200%200%200%2017.5%207a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200v2a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200V7A1.5%201.5%200%200%200%2019%205.5%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M19%2012.5a1.5%201.5%200%200%200-1.5%201.5a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200v2a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200v-2a1.5%201.5%200%200%200-1.5-1.5%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M19%2019.5a1.5%201.5%200%200%200-1.5%201.5a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200v2a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200v-2a1.5%201.5%200%200%200-1.5-1.5%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M19%2026.5a1.5%201.5%200%200%200-1.5%201.5a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200a1.5%201.5%200%201%200-3%200v2a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200a1.5%201.5%200%201%200%203%200v-2a1.5%201.5%200%200%200-1.5-1.5%22%2F%3E%3Cpath%20fill%3D%22%233b94d9%22%20d%3D%22M29%2010.5A1.5%201.5%200%200%201%2027.5%209V7a1.5%201.5%200%201%201%203%200v2a1.5%201.5%200%200%201-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23be1931%22%20d%3D%22M29%2017.5a1.5%201.5%200%200%201-1.5-1.5v-2a1.5%201.5%200%201%201%203%200v2a1.5%201.5%200%200%201-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%235c913b%22%20d%3D%22M29%2024.5a1.5%201.5%200%200%201-1.5-1.5v-2a1.5%201.5%200%200%201%203%200v2a1.5%201.5%200%200%201-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23ffac33%22%20d%3D%22M29%2031.5a1.5%201.5%200%200%201-1.5-1.5v-2a1.5%201.5%200%200%201%203%200v2a1.5%201.5%200%200%201-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23bf6952%22%20d%3D%22M35%2033H1a1%201%200%200%200-1%201v1a1%201%200%200%200%201%201h34a1%201%200%200%200%201-1v-1a1%201%200%200%200-1-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/abacus.svg?color=%231a73e8&size=48