Mouse Face アイコン

Q: Mouse Face アイコンは商用利用でも無料ですか?

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:mouse-face

Mouse Face アイコン(streamline-emojis:mouse-face)は、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
カテゴリ: 動物・自然
タグ: mouseface

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#e0e0e0" d="M3.767 14.662a9.43 9.43 0 1 0 17.815-6.19a9.43 9.43 0 1 0-17.815 6.19m22.641-.022a9.43 9.43 0 1 0 17.829-6.152a9.43 9.43 0 1 0-17.829 6.153"/><path fill="#f0f0f0" d="M12.68 4.5A9.42 9.42 0 0 1 22 12.75a9 9 0 0 0 .08-1.18a9.43 9.43 0 0 0-18.86 0a9 9 0 0 0 .08 1.18a9.42 9.42 0 0 1 9.38-8.25m22.64 0a9.42 9.42 0 0 1 9.35 8.25a9 9 0 0 0 .08-1.18a9.43 9.43 0 0 0-18.86 0a9 9 0 0 0 .11 1.18a9.42 9.42 0 0 1 9.32-8.25"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M3.767 14.662a9.43 9.43 0 1 0 17.815-6.19a9.43 9.43 0 1 0-17.815 6.19m22.641-.022a9.43 9.43 0 1 0 17.829-6.152a9.43 9.43 0 1 0-17.829 6.153"/><path fill="#bdbec0" d="M19.28 11.57A6.6 6.6 0 1 1 12.68 5a6.6 6.6 0 0 1 6.6 6.57m22.64 0A6.6 6.6 0 1 1 35.32 5a6.61 6.61 0 0 1 6.6 6.57"/><path fill="#87898c" d="M12.68 7.45a6.6 6.6 0 0 1 6.48 5.36a6.3 6.3 0 0 0 .12-1.24a6.6 6.6 0 0 0-13.2 0a6.3 6.3 0 0 0 .12 1.24a6.6 6.6 0 0 1 6.48-5.36m22.64 0a6.6 6.6 0 0 1 6.48 5.36a6.3 6.3 0 0 0 .12-1.24a6.6 6.6 0 0 0-13.2 0a6.3 6.3 0 0 0 .12 1.24a6.6 6.6 0 0 1 6.48-5.36"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19.28 11.57A6.6 6.6 0 1 1 12.68 5a6.6 6.6 0 0 1 6.6 6.57m22.64 0A6.6 6.6 0 1 1 35.32 5a6.61 6.61 0 0 1 6.6 6.57"/><path fill="#e0e0e0" d="M36 21.85a12.15 12.15 0 0 0-12-11.72a12.15 12.15 0 0 0-12 11.72a7 7 0 0 0-4.64 6.65c0 2.9 2.57 4.75 4.87 5.77C14.7 35.37 16.18 37 18 39c1.65 1.77 2.68 3.52 6 3.52s4.32-1.75 6-3.52c1.85-2 3.33-3.61 5.8-4.71c2.3-1 4.87-2.87 4.87-5.77A7 7 0 0 0 36 21.85"/><path fill="#f0f0f0" d="M36 21.85a12.15 12.15 0 0 0-12-11.72a12.15 12.15 0 0 0-12 11.72a7 7 0 0 0-4.64 6.65a4.8 4.8 0 0 0 .16 1.23a7 7 0 0 1 3.76-4.89a1.42 1.42 0 0 0 .81-1.11A12.13 12.13 0 0 1 24 12.81a12.13 12.13 0 0 1 11.91 10.92a1.42 1.42 0 0 0 .81 1.11a7 7 0 0 1 3.76 4.89a4.8 4.8 0 0 0 .16-1.23A7 7 0 0 0 36 21.85"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M36 21.85a12.15 12.15 0 0 0-12-11.72a12.15 12.15 0 0 0-12 11.72a7 7 0 0 0-4.64 6.65c0 2.9 2.57 4.75 4.87 5.77C14.7 35.37 16.18 37 18 39c1.65 1.77 2.68 3.52 6 3.52s4.32-1.75 6-3.52c1.85-2 3.33-3.61 5.8-4.71c2.3-1 4.87-2.87 4.87-5.77A7 7 0 0 0 36 21.85"/><path fill="#45413c" d="M12.5 45.5a11.5 1.5 0 1 0 23 0a11.5 1.5 0 1 0-23 0" opacity=".15"/><path fill="#ffa694" d="M26.81 35.26A3.17 3.17 0 0 1 24 37.51a3.17 3.17 0 0 1-2.81-2.25c0-.62 1.26-1.12 2.81-1.12s2.81.5 2.81 1.12"/><path fill="#ffcabf" d="M24 35.56a4.6 4.6 0 0 1 2.42.56a1.74 1.74 0 0 0 .39-.86c0-.62-1.26-1.12-2.81-1.12s-2.81.5-2.81 1.12a1.74 1.74 0 0 0 .39.86a4.6 4.6 0 0 1 2.42-.56"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.81 35.26A3.17 3.17 0 0 1 24 37.51a3.17 3.17 0 0 1-2.81-2.25c0-.62 1.26-1.12 2.81-1.12s2.81.5 2.81 1.12"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.76 24.78a1.41 1.41 0 1 0 2.82 0a1.41 1.41 0 1 0-2.82 0m-12.33 0a1.41 1.41 0 1 0 2.82 0a1.41 1.41 0 1 0-2.82 0"/><path fill="#ffa694" d="M38 28.71c0 .56-.76 1-1.71 1s-1.71-.44-1.71-1s.76-1 1.71-1s1.71.45 1.71 1m-24.54 0c0 .56-.76 1-1.71 1s-1.71-.44-1.71-1s.76-1 1.71-1s1.71.45 1.71 1"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.66 34.68a10.18 10.18 0 0 1 8.49 2.83m-8.49-.94s4.3.53 6.13 4.24m-17.45-6.13a10.18 10.18 0 0 0-8.49 2.83m8.49-.94s-4.3.53-6.13 4.24"/></svg>

Mouse Face アイコンの使い方

React

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

<Icon icon="streamline-emojis:mouse-face" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:mouse-face" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:mouse-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--mouse-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:mouse-face"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:mouse-face"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/mouse-face.svg" alt="Mouse Face アイコン" width="24" height="24">

Streamline Emojis の関連アイコン

他のアイコンセットの Mouse Face アイコン

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

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Streamline Emojis アイコンをすべて見る →