Calculator アイコン
openmoji:calculator
Calculator アイコン(openmoji:calculator)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- OpenMoji 追加分
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#9b9b9a" d="M49.15 12h-26.3c-1.77 0-3.2 1.43-3.2 3.19V56.6c0 1.76 1.43 3.19 3.2 3.19h26.3c1.77 0 3.2-1.43 3.2-3.19V15.19c0-1.76-1.43-3.19-3.2-3.19M26.6 54.49a2.09 2.09 0 0 1-2.09-2.09c0-1.16.93-2.09 2.09-2.09a2.089 2.089 0 1 1 0 4.18m0-9.41c-1.16 0-2.09-.93-2.09-2.09c0-1.15.93-2.08 2.09-2.08c1.15 0 2.09.93 2.09 2.08c0 1.16-.94 2.09-2.09 2.09m0-9.4c-1.16 0-2.09-.93-2.09-2.09a2.09 2.09 0 1 1 4.18 0c0 1.16-.94 2.09-2.09 2.09M36 54.49a2.089 2.089 0 1 1 0-4.18a2.089 2.089 0 1 1 0 4.18m0-9.41a2.09 2.09 0 0 1-2.09-2.09c0-1.15.94-2.08 2.09-2.08s2.09.93 2.09 2.08c0 1.16-.94 2.09-2.09 2.09m0-9.4a2.089 2.089 0 1 1-.002-4.178A2.089 2.089 0 0 1 36 35.68m9.4 18.81a2.089 2.089 0 1 1 0-4.18c1.16 0 2.09.93 2.09 2.09c0 1.15-.93 2.09-2.09 2.09m0-9.41a2.09 2.09 0 0 1-2.09-2.09c0-1.15.94-2.08 2.09-2.08c1.16 0 2.09.93 2.09 2.08c0 1.16-.93 2.09-2.09 2.09m0-9.4a2.089 2.089 0 1 1 0-4.18c1.16 0 2.09.94 2.09 2.09c0 1.16-.93 2.09-2.09 2.09m2.92-9.48H23.68v-9.72h24.64z"/><g fill="#9b9b9a"><path d="M27.079 47.18c-2.038 0-3.696-1.65-3.696-3.678c0-2.024 1.658-3.67 3.695-3.67s3.697 1.646 3.697 3.67c0 2.028-1.658 3.679-3.696 3.679m0-9.374c-2.038 0-3.696-1.65-3.696-3.679s1.658-3.678 3.695-3.678s3.697 1.65 3.697 3.679s-1.658 3.678-3.696 3.678m0 18.757c-2.038 0-3.696-1.65-3.696-3.679s1.658-3.679 3.695-3.679s3.697 1.65 3.697 3.679s-1.658 3.679-3.696 3.679M45.91 47.18c-2.04 0-3.697-1.65-3.697-3.678c0-2.024 1.658-3.67 3.696-3.67s3.696 1.646 3.696 3.67c0 2.028-1.658 3.679-3.696 3.679m.001-9.374c-2.04 0-3.697-1.65-3.697-3.679s1.658-3.678 3.696-3.678s3.696 1.65 3.696 3.679s-1.658 3.678-3.696 3.678m.001 18.757c-2.04 0-3.697-1.65-3.697-3.679s1.658-3.679 3.696-3.679s3.696 1.65 3.696 3.679s-1.658 3.679-3.696 3.679"/><ellipse cx="36.494" cy="34.129" rx="3.695" ry="3.679"/><path d="M36.494 47.18c-2.038 0-3.695-1.65-3.695-3.678c0-2.024 1.657-3.67 3.695-3.67s3.695 1.646 3.695 3.67c0 2.028-1.658 3.679-3.695 3.679"/><ellipse cx="36.494" cy="52.885" rx="3.695" ry="3.679"/></g><path fill="#d0cfce" d="M45.4 35.68c1.16 0 2.09-.93 2.09-2.09a2.09 2.09 0 1 0-4.18 0c0 1.16.94 2.09 2.09 2.09m0 5.23c-1.15 0-2.09.93-2.09 2.08c0 1.16.94 2.09 2.09 2.09c1.16 0 2.09-.93 2.09-2.09c0-1.15-.93-2.08-2.09-2.08m0 9.4a2.089 2.089 0 1 0 0 4.18c1.16 0 2.09-.94 2.09-2.09c0-1.16-.93-2.09-2.09-2.09M36 31.5a2.09 2.09 0 1 0-.002 4.182A2.09 2.09 0 0 0 36 31.5m0 9.41c-1.15 0-2.09.93-2.09 2.08a2.09 2.09 0 1 0 4.18 0c0-1.15-.94-2.08-2.09-2.08m0 9.4a2.089 2.089 0 1 0 2.09 2.09c0-1.16-.94-2.09-2.09-2.09m-9.4-9.4c-1.16 0-2.09.93-2.09 2.08c0 1.16.93 2.09 2.09 2.09c1.15 0 2.09-.93 2.09-2.09c0-1.15-.94-2.08-2.09-2.08m0 9.4c-1.16 0-2.09.93-2.09 2.09a2.09 2.09 0 1 0 4.18 0c0-1.16-.94-2.09-2.09-2.09"/><path fill="#92d3f5" d="M22.699 16.48H48.32v9.72H22.699z"/><path fill="#d0cfce" d="M28.69 42.99c0 1.16-.94 2.09-2.09 2.09c-1.16 0-2.09-.93-2.09-2.09c0-1.15.93-2.08 2.09-2.08c1.15 0 2.09.93 2.09 2.08m0-9.4c0 1.16-.94 2.09-2.09 2.09c-1.16 0-2.09-.93-2.09-2.09a2.09 2.09 0 1 1 4.18 0m0 18.81a2.089 2.089 0 1 1-4.18 0c0-1.16.93-2.09 2.09-2.09c1.15 0 2.09.93 2.09 2.09m9.4-9.41a2.09 2.09 0 1 1-4.18 0c0-1.15.94-2.08 2.09-2.08s2.09.93 2.09 2.08"/><path fill="#e27022" d="M47.49 42.99c0 1.16-.93 2.09-2.09 2.09a2.09 2.09 0 0 1-2.09-2.09c0-1.15.94-2.08 2.09-2.08c1.16 0 2.09.93 2.09 2.08m0-9.4c0 1.16-.93 2.09-2.09 2.09a2.089 2.089 0 1 1 0-4.18c1.16 0 2.09.94 2.09 2.09m0 18.81a2.09 2.09 0 1 1-4.18 0c0-1.16.94-2.09 2.09-2.09c1.16 0 2.09.93 2.09 2.09"/><circle cx="36" cy="33.59" r="2.09" fill="#d0cfce"/><path fill="#d0cfce" d="M38.09 42.99a2.09 2.09 0 1 1-4.18 0c0-1.15.94-2.08 2.09-2.08s2.09.93 2.09 2.08m0 9.41c0 1.15-.94 2.09-2.09 2.09s-2.09-.94-2.09-2.09a2.09 2.09 0 1 1 4.18 0"/><path fill="#61b2e4" d="m43.388 23.672l-.228-.222l-.002-1.701l.23-.233l.221.222v1.709zm1.97.258h-1.712l-.226-.217l.209-.226l1.72-.002l.227.22zm-.002-2.223l-1.709.001l-.228-.225l.226-.222h1.705l.224.22zm.253-.256l-.225-.225l.001-1.712l.227-.219l.222.22v1.709zm-.251-1.969l-1.713.001l-.229-.225l.228-.22h1.706l.225.22zm-3.49 4.193l-.22-.222l-.001-1.704l.219-.232l.226.219l.001 1.717zm-.241-1.97l-1.718.004l-.23-.22l.223-.227l1.7-.003l.231.219zm-1.984-.254l-.22-.222l-.002-1.702l.222-.23l.225.217l.001 1.714zm2.221-.002l-.216-.217l-.002-1.704l.222-.232l.225.217v1.713z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="32.698" height="47.791" x="19.651" y="12" rx="3.194" ry="3.194"/><path d="M23.682 20.37v-3.891h24.636v9.719H23.682v-2.025"/><circle cx="26.598" cy="42.995" r="2.35"/><circle cx="26.598" cy="33.593" r="2.35"/><circle cx="26.598" cy="52.397" r="2.35"/><circle cx="36" cy="42.995" r="2.089"/><circle cx="45.402" cy="42.995" r="2.35"/><circle cx="45.402" cy="33.593" r="2.35"/><circle cx="45.402" cy="52.397" r="2.35"/><circle cx="36" cy="33.593" r="2.35"/><circle cx="36" cy="42.995" r="2.35"/><circle cx="36" cy="52.397" r="2.35"/></g></svg>Calculator アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:calculator" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:calculator" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:calculator" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--calculator]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:calculator"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:calculator"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/calculator.svg" alt="Calculator アイコン" width="24" height="24">他のアイコンセットの Calculator アイコン
Calculator アイコン のよくある質問
Calculator アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Calculator アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:calculator" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Calculator アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/calculator.svg" alt="Calculator アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。