Abacus アイコン

Q: Abacus アイコンは商用利用でも無料ですか?

はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

noto:abacus

Abacus アイコン(noto:abacus)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVGH9h88czo" fill="none" d="M115.45 7.21H12.55c-2.95 0-5.34 2.39-5.34 5.34v102.89c0 2.95 2.39 5.34 5.34 5.34h102.89c2.95 0 5.34-2.39 5.34-5.34V12.55a5.324 5.324 0 0 0-5.33-5.34"/></defs><path fill="#CB8251" d="M94.16 16.35h6.23v95.4h-6.23zm-22.19 0h6.23v95.4h-6.23zm-22.19 0h6.23v95.4h-6.23zm-22.19 0h6.23v95.4h-6.23z"/><path fill="#E9462D" d="M40.66 28.37c-2.69-4.64-6.82-6.77-6.82-6.77h-6.22s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M20.78 28.37c2.69 4.64 6.82 6.77 6.82 6.77h6.22s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M40.66 102.74c-2.69-4.64-6.82-6.77-6.82-6.77h-6.23s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M20.78 102.74c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M40.66 89.21c-2.69-4.64-6.82-6.77-6.82-6.77h-6.23s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M20.78 89.21c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M40.66 75.67c-2.69-4.64-6.82-6.77-6.82-6.77h-6.23s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M20.78 75.67c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M62.85 93.53c-2.69-4.64-6.82-6.77-6.82-6.77H49.8s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M42.97 93.53c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M62.85 79.99c-2.69-4.64-6.82-6.77-6.82-6.77H49.8s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M42.97 79.99c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M62.85 66.46c-2.69-4.64-6.82-6.77-6.82-6.77H49.8s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M42.97 66.46c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M62.85 52.92c-2.69-4.64-6.82-6.77-6.82-6.77H49.8s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M42.97 52.92c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M85.03 93.53c-2.69-4.64-6.82-6.77-6.82-6.77h-6.23s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M65.15 93.53c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M85.03 79.99c-2.69-4.64-6.82-6.77-6.82-6.77h-6.23s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M65.15 79.99c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M85.03 66.46c-2.69-4.64-6.82-6.77-6.82-6.77h-6.23s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M65.15 66.46c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M85.03 52.92c-2.69-4.64-6.82-6.77-6.82-6.77h-6.23s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M65.15 52.92c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M62.85 33.15c-2.69-4.64-6.82-6.77-6.82-6.77H49.8s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M42.97 33.15c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M85.03 33.15c-2.69-4.64-6.82-6.77-6.82-6.77h-6.23s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M65.15 33.15c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M107.22 33.15c-2.69-4.64-6.82-6.77-6.82-6.77h-6.23s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M87.34 33.15c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M40.66 52.92c-2.69-4.64-6.82-6.77-6.82-6.77h-6.23s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M20.78 52.92c2.69 4.64 6.82 6.77 6.82 6.77h6.22s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M107.22 102.74c-2.69-4.64-6.82-6.77-6.82-6.77h-6.23s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M87.34 102.74c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M107.22 79.99c-2.69-4.64-6.82-6.77-6.82-6.77h-6.23s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M87.34 79.99c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M107.22 66.46c-2.69-4.64-6.82-6.77-6.82-6.77h-6.23s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M87.34 66.46c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#E9462D" d="M107.22 52.92c-2.69-4.64-6.82-6.77-6.82-6.77h-6.23s-4.13 2.13-6.82 6.77z"/><path fill="#A42714" d="M87.34 52.92c2.69 4.64 6.82 6.77 6.82 6.77h6.23s4.13-2.13 6.82-6.77z"/><path fill="#774439" d="M8.42 8.42v111.16h111.16V8.42zm100.36 101.09H19.22c-.41 0-.74-.33-.74-.74V19.22c0-.41.33-.74.74-.74h89.55c.41 0 .74.33.74.74v89.55c0 .41-.33.74-.73.74"/><path fill="#CB8251" d="M4 9.64v108.71a5.64 5.64 0 0 0 5.64 5.64h108.71a5.64 5.64 0 0 0 5.64-5.64V9.64A5.64 5.64 0 0 0 118.35 4H9.64C6.53 4 4 6.53 4 9.64m107.99 104.47H16.01c-1.17 0-2.13-.95-2.13-2.13V16.01c0-1.17.95-2.13 2.13-2.13h95.98c1.17 0 2.13.95 2.13 2.13v95.98a2.136 2.136 0 0 1-2.13 2.12"/><path fill="#9B6253" d="M115.45 7.21H12.55c-2.95 0-5.34 2.39-5.34 5.34v102.89c0 2.95 2.39 5.34 5.34 5.34h102.89c2.95 0 5.34-2.39 5.34-5.34V12.55a5.324 5.324 0 0 0-5.33-5.34m-1.34 104.78c0 1.17-.95 2.13-2.13 2.13H16.01c-1.17 0-2.13-.95-2.13-2.13V16.01c0-1.17.95-2.13 2.13-2.13h95.98c1.17 0 2.13.95 2.13 2.13v95.98z"/><path fill="#774439" d="m15.6 13.94l-4.98-6.35a5.3 5.3 0 0 0-3.05 3.08l6.35 4.98c.16-.86.82-1.54 1.68-1.71m104.83 103.39l-6.35-4.97a2.12 2.12 0 0 1-1.68 1.71l4.97 6.34a5.3 5.3 0 0 0 3.06-3.08m-6.35-101.68l6.35-4.97a5.3 5.3 0 0 0-3.05-3.09l-4.98 6.35c.86.17 1.53.85 1.68 1.71"/><use href="#SVGH9h88czo"/><use href="#SVGH9h88czo"/><path fill="#774439" d="m13.92 112.36l-6.35 4.98a5.34 5.34 0 0 0 3.06 3.08l4.97-6.34c-.86-.18-1.52-.86-1.68-1.72m1.74-69.32c0-1.72 1.39-3.12 3.11-3.12h90.44c1.72 0 3.11 1.39 3.11 3.11s-1.39 3.11-3.11 3.11H18.78a3.1 3.1 0 0 1-3.12-3.1"/></svg>

Abacus アイコンの使い方

React

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

<Icon icon="noto:abacus" width="24" />

Vue

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

<template>
  <Icon icon="noto:abacus" width="24" />
</template>

Svelte

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

<Icon icon="noto:abacus" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="noto:abacus"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/abacus.svg" alt="Abacus アイコン" width="24" height="24">

他のアイコンセットの Abacus アイコン

Abacus アイコンのよくある質問

Abacus アイコンは商用利用でも無料ですか?

はい。Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Abacus アイコンを使うには?

@iconify/react をインストールして <Icon icon="noto:abacus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Abacus アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto/abacus.svg" alt="Abacus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Noto Emoji アイコンをすべて見る →