ICONYZ
日本語
Emoji One (v1) の One Button Mouse アイコン

One Button Mouse アイコン

emojione-v1:one-button-mouse

One Button Mouse アイコン(emojione-v1:one-button-mouse)は、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
カテゴリ
物
タグ
onebutton、buttonmouse、onebuttonmouse
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#58595b" d="M35.514 42.15c-2.688-2.508-1.854-6.519-1.305-9.734c.297-1.763 1.184-3.119 1.099-4.953c-.067-1.415-1.336-2.829-2.126-3.901c-3.098-4.218 1.102-7.127 3.142-10.495c2.075-3.415.558-7.623 2.482-11.07c.759-1.362-1.211-2.823-1.98-1.443c-2.17 3.882-.703 8.538-3.216 12.205c-2.057 3-5.156 5.706-3.737 9.773c.68 1.949 2.508 3.348 3.02 5.336c.271 1.069-.85 2.68-1.033 3.755c-.162.977-.328 1.957-.467 2.941c-.498 3.583-.063 7.01 2.668 9.563c1.162 1.083 2.592-.917 1.455-1.979"/><path fill="#a6a8ab" d="M44.21 52.09c.005 6.574-5.332 11.902-11.903 11.902s-11.9-5.328-11.904-11.906l.004-17.05c0-6.573 5.331-11.906 11.904-11.902c6.573 0 11.899 5.331 11.899 11.902v17.06"/><path fill="#939292" d="M35.873 23.676a11.8 11.8 0 0 0-3.563-.542c-6.574-.004-11.904 5.329-11.904 11.902l-.004 17.05c.004 6.578 5.333 11.906 11.904 11.906c1.589 0 3.103-.312 4.488-.878c-6.01-11.937-6.02-26.869-.921-39.441"/><path fill="#e6e7e8" d="M32.31 25.13c-5.315-.002-9.675 3.483-10.406 7.993c.739 4.505 5.091 7.981 10.402 7.981c5.314-.004 9.677-3.483 10.401-7.993c-.734-4.506-5.087-7.981-10.397-7.981"/></svg>

One Button Mouse アイコンの使い方

React

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

<Icon icon="emojione-v1:one-button-mouse" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:one-button-mouse" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:one-button-mouse" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--one-button-mouse]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:one-button-mouse"></div>

Web コンポーネント

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

<iconify-icon icon="emojione-v1:one-button-mouse"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione-v1/one-button-mouse.svg" alt="One Button Mouse アイコン" width="24" height="24">

Emoji One (v1) の関連アイコン

One Button Mouse アイコン のよくある質問

One Button Mouse アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で One Button Mouse アイコンを使うには?

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

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

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

Emoji One (v1) アイコン をすべて見る →