Mouse Face アイコン
emojione-v1:mouse-face
Mouse Face アイコン(emojione-v1:mouse-face)は、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
- カテゴリ
- 自然
- タグ
- mouseface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g transform="translate(0 8)"><path fill="#a2bbcd" d="M36.48 12.827c0 7.562 6.129 13.691 13.693 13.691c7.562 0 13.691-6.129 13.691-13.691S57.736 0 50.174 0C42.609 0 36.48 5.265 36.48 12.827"/><path fill="#dfad92" d="M37.619 13.895c0 6.712 5.439 12.151 12.153 12.151c6.711 0 12.15-5.439 12.15-12.151S56.483 2.511 49.772 2.511c-6.713 0-12.153 4.673-12.153 11.384"/><path fill="#a2bbcd" d="M51.22 23.561c2.923-2.198 1.037-13.4-.507-15.457s-5.506 4.542-8.137 7.898c-2.707 3.455-5.624 6.807-4.08 8.861s9.805.892 12.724-1.302M27.384 12.827c0 7.562-6.129 13.691-13.693 13.691C6.129 26.518 0 20.389 0 12.827S6.129 0 13.691 0c7.564 0 13.693 5.265 13.693 12.827"/><path fill="#dfad92" d="M26.25 13.895c0 6.712-5.44 12.151-12.153 12.151c-6.711 0-12.151-5.439-12.151-12.151S7.386 2.511 14.097 2.511c6.713 0 12.153 4.673 12.153 11.384"/><path fill="#a2bbcd" d="M12.65 23.561c-2.923-2.198-1.037-13.4.507-15.457s5.505 4.542 8.137 7.898c2.707 3.455 5.624 6.807 4.08 8.861s-9.805.892-12.724-1.302"/><path fill="#a2bbcd" d="M50.17 23.692c0-7.36-8.215-13.318-18.356-13.318s-18.356 5.958-18.356 13.318c0 7.351 8.215 25.489 18.356 25.489S50.17 31.041 50.17 23.692"/><ellipse cx="25.391" cy="28.858" fill="#f4f5f5" rx="4.926" ry="5.974"/><ellipse cx="25.391" cy="29.09" fill="#25333a" rx="3.269" ry="3.963"/><ellipse cx="38.649" cy="28.858" fill="#f4f5f5" rx="4.926" ry="5.974"/><ellipse cx="38.649" cy="29.09" fill="#25333a" rx="3.27" ry="3.963"/><path fill="#ed2e7c" d="M27.625 40.29c0-1.994 1.698-1.957 4.01-1.957c2.317 0 4.374-.037 4.374 1.957c0 1.998-1.878 3.616-4.193 3.616s-4.193-1.618-4.193-3.616"/><path fill="#f4f5f5" d="M25.532 47.575c-.099-2.736 14.534-4.045 14.637-1.311c.101 2.738-3.096 5.249-7.137 5.61s-7.397-1.564-7.5-4.299"/><path fill="#a2bbcd" d="M32.17 44.24h.707v7.673h-.707z"/></g></svg>
Mouse Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:mouse-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:mouse-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:mouse-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--mouse-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:mouse-face"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:mouse-face"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/mouse-face.svg" alt="Mouse Face アイコン" width="24" height="24">
他のアイコンセットの Mouse Face アイコン
Mouse Face アイコン のよくある質問
Mouse Face アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Mouse Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:mouse-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mouse Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/mouse-face.svg" alt="Mouse Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
