Pocket Calculator アイコン
emojione-v1:pocket-calculator
Pocket Calculator アイコン(emojione-v1:pocket-calculator)は、Emoji One (v1) セットの無料 SVG アイコンです(作者: Emoji One)。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
- タグ
- pocketcalculator
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#25333a" d="M54.45 0H11.042c-.357 0-.655.44-.655.962v61.915c0 .525.298.966.655.966H54.45a.53.53 0 0 0 .462-.283a.1.1 0 0 0 .019-.027c.107-.155.174-.374.174-.655V.963C55.104.44 54.807 0 54.45 0"/><path fill="#3f565f" d="M52.845 25.931H12.506c-.329 0-.608.261-.608.57v36.774c0 .307.279.569.608.569h40.34a.6.6 0 0 0 .414-.157c.006-.002.01-.009.01-.009a.51.51 0 0 0 .184-.404V26.5c-.001-.309-.28-.569-.609-.569"/><path fill="#799999" d="M22.659 28.3H15.88c-.057 0-.104.044-.104.096v6.181c0 .052.046.097.104.097h6.778a.1.1 0 0 0 .07-.026l.001-.002l.004-.001a.1.1 0 0 0 .028-.067v-6.181c.001-.053-.047-.097-.102-.097m8.551 0h-6.78c-.055 0-.102.044-.102.096v6.181a.1.1 0 0 0 .102.097h6.78a.1.1 0 0 0 .07-.026l.002-.002l.004-.001a.1.1 0 0 0 .028-.067v-6.181c0-.053-.048-.097-.104-.097m8.376-.06h-6.778c-.056 0-.104.044-.104.097v6.181c0 .052.048.096.104.096h6.778a.1.1 0 0 0 .07-.025l.004-.002l.002-.002a.1.1 0 0 0 .027-.066v-6.181a.1.1 0 0 0-.103-.098m8.404 0h-6.779c-.056 0-.104.044-.104.097v6.181c0 .052.048.096.104.096h6.779a.1.1 0 0 0 .07-.025l.004-.002l.002-.002a.1.1 0 0 0 .027-.066v-6.181c.001-.053-.045-.098-.103-.098m-25.331 9.176H15.88c-.057 0-.104.044-.104.096v6.181c0 .052.046.097.104.097h6.778a.1.1 0 0 0 .07-.026l.001-.002l.004-.002a.1.1 0 0 0 .028-.066v-6.181c.001-.053-.047-.097-.102-.097m8.551 0h-6.78c-.055 0-.102.044-.102.096v6.181a.1.1 0 0 0 .102.097h6.78a.1.1 0 0 0 .07-.026l.002-.002l.004-.002a.1.1 0 0 0 .028-.066v-6.181c0-.053-.048-.097-.104-.097m8.376 0h-6.778c-.056 0-.104.044-.104.096v6.181c0 .052.048.097.104.097h6.778a.1.1 0 0 0 .07-.026l.004-.002l.002-.002a.1.1 0 0 0 .027-.066v-6.181a.1.1 0 0 0-.103-.097m8.404 0h-6.779c-.056 0-.104.044-.104.096v6.181c0 .052.048.097.104.097h6.779a.1.1 0 0 0 .07-.026l.004-.002l.002-.002a.1.1 0 0 0 .027-.066v-6.181c.001-.053-.045-.097-.103-.097M22.659 46.12H15.88c-.057 0-.104.044-.104.096v6.182c0 .052.046.096.104.096h6.778a.1.1 0 0 0 .07-.025l.001-.002l.004-.002a.1.1 0 0 0 .028-.066v-6.182c.001-.053-.047-.097-.102-.097m8.551 0h-6.78c-.055 0-.102.044-.102.096v6.182c0 .052.046.096.102.096h6.78a.1.1 0 0 0 .07-.025l.002-.002l.004-.002a.1.1 0 0 0 .028-.066v-6.182c0-.053-.048-.097-.104-.097m8.376 0h-6.778c-.056 0-.104.044-.104.096v6.182c0 .052.048.096.104.096h6.778a.1.1 0 0 0 .07-.025l.004-.002l.002-.002a.1.1 0 0 0 .027-.066v-6.182a.1.1 0 0 0-.103-.097m8.404 0h-6.779c-.056 0-.104.044-.104.096v6.182c0 .052.048.096.104.096h6.779a.1.1 0 0 0 .07-.025l.004-.002l.002-.002a.1.1 0 0 0 .027-.066v-6.182c.001-.053-.045-.097-.103-.097m-25.331 8.518H15.88c-.057 0-.104.044-.104.096v6.181c0 .052.046.097.104.097h6.778a.1.1 0 0 0 .07-.026l.001-.002l.004-.002a.1.1 0 0 0 .028-.066v-6.181c.001-.053-.047-.097-.102-.097m8.551 0h-6.78c-.055 0-.102.044-.102.096v6.181a.1.1 0 0 0 .102.097h6.78a.1.1 0 0 0 .07-.026l.002-.002l.004-.002a.1.1 0 0 0 .028-.066v-6.181c0-.053-.048-.097-.104-.097m8.376 0h-6.778c-.056 0-.104.044-.104.096v6.181c0 .052.048.097.104.097h6.778a.1.1 0 0 0 .07-.026l.004-.002l.002-.002a.1.1 0 0 0 .027-.066v-6.181a.1.1 0 0 0-.103-.097"/><path fill="#ee4237" d="M47.99 54.638h-6.779c-.056 0-.104.044-.104.096v6.181c0 .052.048.097.104.097h6.779a.1.1 0 0 0 .07-.026l.004-.002l.002-.002a.1.1 0 0 0 .027-.066v-6.181c.001-.053-.045-.097-.103-.097"/><path fill="#5f9999" d="M50.765 6.347h-36.18c-.294 0-.545.102-.545.22v14.232c0 .117.251.22.545.22h36.17a1 1 0 0 0 .379-.065q.013-.005.021-.005c.087-.035.146-.087.146-.15V6.567c-.001-.118-.252-.22-.546-.22"/></svg>Pocket Calculator アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:pocket-calculator" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:pocket-calculator" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:pocket-calculator" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--pocket-calculator]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:pocket-calculator"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:pocket-calculator"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/pocket-calculator.svg" alt="Pocket Calculator アイコン" width="24" height="24">Pocket Calculator アイコン のよくある質問
Pocket Calculator アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Pocket Calculator アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:pocket-calculator" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pocket Calculator アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/pocket-calculator.svg" alt="Pocket Calculator アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。