Mouse アイコン
streamline-emojis:mouse
Mouse アイコン(streamline-emojis:mouse)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline Emojis
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M8.71 36.31a15.82 1.69 0 1 0 31.64 0a15.82 1.69 0 1 0-31.64 0" opacity=".15"/><path fill="#c0dceb" stroke="#4f4b45" stroke-linecap="round" stroke-linejoin="round" d="M27.64 34c-.93.42-1.79.93-1.95 1.55c-.21.84.18 1.41 3 1.41c2 0 2.75-.44 3.17-1.16a6.38 6.38 0 0 1-4.22-1.8"/><path fill="#c0dceb" d="M41.41 25.54c0-4.61-2.37-9.08-9.5-11.34s-11.3.4-14.34 0s-5-3.68-9.39-3.24c-3.53.35-3.95 1.41-5.44 1.55S1.11 14 2.25 15.73c1 1.49 3.73 3.77 6.42 3.75a39.6 39.6 0 0 0 5.17 6.91c2.15 2.55 1.12 7 .88 7.44s-1.06.63-.78 1.73c.21.8 2.62.82 3.67.67c.89-.13 2-2.37 2.54-5.35c4.34 1.95 6.4 1.5 6.41 1.5c1.87 4.11 7.62 4 9.58 2.13c3.77-1.16 5.27-4.94 5.27-8.97"/><path fill="#adc4d9" d="M26.56 32.38a6.5 6.5 0 0 1-.5-1.71c-2 .77-4.82-.08-5.87-.27v.48c4.3 1.95 6.36 1.5 6.37 1.5"/><path fill="#daedf7" d="M32.11 17c4.94 2.3 6.85 2.64 9.22 7.1c-.46-4.08-3-7.88-9.42-9.9c-7.14-2.26-11.3.4-14.34 0a5.6 5.6 0 0 1-1.78-.54c.67 1.42 1.59 2.08 3.77 2c2.88-.1 6.92-1.28 12.55 1.34"/><path fill="none" stroke="#4f4b45" stroke-linecap="round" stroke-linejoin="round" d="M41.41 25.54c0-4.61-2.37-9.08-9.5-11.34s-11.3.4-14.34 0s-5-3.68-9.39-3.24c-3.53.35-3.95 1.41-5.44 1.55S1.11 14 2.25 15.73c1 1.49 3.73 3.77 6.42 3.75a39.6 39.6 0 0 0 5.17 6.91c2.15 2.55 1.12 7 .88 7.44s-1.06.63-.78 1.73c.21.8 2.62.82 3.67.67c.89-.13 2-2.37 2.54-5.35c4.34 1.95 6.4 1.5 6.41 1.5c1.87 4.11 7.62 4 9.58 2.13c3.77-1.16 5.27-4.94 5.27-8.97"/><path fill="#c0dceb" d="M11 11.52s3-3.91 6.64-2.83s1.21 6.07-1.94 6.87s-4-1-4-1"/><path fill="#e8f4fa" d="M16.48 10.34c1.95.57 2.16 2.26 1.46 3.84c1.75-1.81 2.35-4.7-.33-5.49C14 7.61 11 11.52 11 11.52l.1.39c1.17-1.03 3.15-2.23 5.38-1.57"/><path fill="none" stroke="#4f4b45" stroke-linecap="round" stroke-linejoin="round" d="M11 11.52s3-3.91 6.64-2.83s1.21 6.07-1.94 6.87s-4-1-4-1m28.66 16.2c2.91 0 5.64 1.31 5.64 4.34c0 4.47-7.79 5.62-19.18 6.2S12.63 44.06 11 45.22m15.56-12.84c-1.43-3.26.12-6.37 1.06-6.89"/><path fill="#ffa694" stroke="#4f4b45" stroke-linecap="round" stroke-linejoin="round" d="M15.24 11.12a6.33 6.33 0 0 0-3.75 2.5l.22.91c.38.82 1.7 1.6 4 1a4.07 4.07 0 0 0 1.83-1.05c2.11-1.97.63-4.1-2.3-3.36"/><path fill="#45413c" d="M9 13.84a.92.92 0 1 1-.92-.91a.92.92 0 0 1 .92.91"/></svg>
Mouse アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:mouse" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:mouse" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:mouse" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--mouse]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:mouse"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:mouse"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-emojis/mouse.svg" alt="Mouse アイコン" width="24" height="24">
Streamline Emojis の関連アイコン
Mouse アイコン のよくある質問
Mouse アイコンは商用利用でも無料ですか?
はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mouse アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-emojis:mouse" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mouse アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/mouse.svg" alt="Mouse アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Streamline Emojis アイコン をすべて見る →
ICONYZ
