Computer Mouse アイコン
noto-v1:computer-mouse
Computer Mouse アイコン(noto-v1:computer-mouse)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 物
- タグ
- computermouse
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#2f2f2f" d="M58.03 2.19C49.08-1.59 35.96.88 30.71 10.6c-3.6 6.67-3.76 13.16-3.89 18.89c-.15 6.28-.27 11.71-4.43 16.91c-3.78 4.73-9.87 7.16-18.11 7.22h-.17c-.37 0-.74-.01-1.11-.02c-1.47-.07-2.68 1.14-2.68 2.61v.01c0 1.37 1.06 2.54 2.43 2.61c.45.02.9.04 1.36.03h.21c9.9-.07 17.36-3.16 22.17-9.19c5.25-6.58 5.41-13.43 5.57-20.06c.13-5.64.25-10.96 3.26-16.52C39.16 5.98 49.3 4.19 56 7.02c8.33 3.52 12.75 14.74 12.12 30.78l5.22.2c.73-18.34-4.85-31.39-15.31-35.81"/><path fill="#40c0e7" d="M71.14 127.75c-19.83 0-35.9-16.07-35.9-35.9V40.96C35.24 31.04 43.28 23 53.2 23h35.88c9.92 0 17.96 8.04 17.96 17.96v50.89c0 19.83-16.07 35.9-35.9 35.9"/><path fill="#196ca2" d="M36.17 147.17c0 9.57 7.76 14.89 17.33 14.89h34.63c9.57 0 17.33-5.31 17.33-14.89v5.5c0 9.57-7.76 17.33-17.33 17.33H53.5c-9.57 0-17.33-7.76-17.33-17.33z"/><path fill="#006ca0" d="M-21.14 41.69c-1.71 0-3.11-1.08-3.15-2.44c-.02-.79.05-1.55.13-2.29c.19-1.87.25-3.06-.69-3.91c-1.15-1.04-4.46-2.36-13.69-2.75c-7.1-.3-11.8-2.24-13.98-5.77c-4.59-7.47 5.03-18.65 6.14-19.9c1-1.13 2.96-1.4 4.38-.6c1.42.79.72 3.02-.27 4.15c-2.26 2.55-7.27 9.05-4.75 13.15c1.09 1.78 4.11 3.19 8.75 3.38c9.56.4 15.58 1.97 18.15 5.06c2.36 2.84 2.45 5.43 2.24 7.58c-.06.61-.13 1.21-.11 1.79c.04 1.38-1.34 2.51-3.08 2.54c-.03.01-.05.01-.07.01"/><path fill="#006ba7" d="M100.01 57.23H42.69c-1.94 0-3.51-1.57-3.51-3.51V41.09c0-7.74 6.28-14.02 14.02-14.02h36.28c7.74 0 14.02 6.28 14.02 14.02v12.64c.02 1.93-1.55 3.5-3.49 3.5"/><path fill="#40c0e7" d="M57.55 25.08h4.97v49.41h-4.97zm22.25 0h4.97v49.41H79.8z"/><path fill="#fff" d="M59.5 112.84q-.525 0-1.05-.18c-12.66-4.54-16-14.64-15.48-20.23c.16-1.71.84-2.5 2.07-2.48c1.71.03 1.5 1.23 2.07 2.87c1.06 3.04 2.24 9.97 13.43 13.98a3.11 3.11 0 0 1 1.88 3.98a3.1 3.1 0 0 1-2.92 2.06"/></svg>
Computer Mouse アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:computer-mouse" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:computer-mouse" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:computer-mouse" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--computer-mouse]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:computer-mouse"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:computer-mouse"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/computer-mouse.svg" alt="Computer Mouse アイコン" width="24" height="24">
他のアイコンセットの Computer Mouse アイコン
Computer Mouse アイコン のよくある質問
Computer Mouse アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Computer Mouse アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:computer-mouse" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Computer Mouse アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/computer-mouse.svg" alt="Computer Mouse アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
