Face With Peeking Eye アイコン
fluent-emoji-flat:face-with-peeking-eye
Face With Peeking Eye アイコン(fluent-emoji-flat:face-with-peeking-eye)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- スマイリー・感情
- タグ
- facewith、withpeeking、peekingeye、facewithpeekingeye
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M16 29.998c9.334 0 13.998-6.268 13.998-14C29.998 8.269 25.334 2 15.999 2C6.665 2 2 8.268 2 15.999s4.665 13.999 14 13.999"/><path fill="#fff" d="M22 20a5 5 0 1 1 0-10a5 5 0 0 1 0 10"/><path fill="#402a32" d="M21.5 19a2.5 2.5 0 1 1 0-5a2.5 2.5 0 0 1 0 5M10.775 7a.75.75 0 0 0-.05-1.5C7.674 5.603 6 8.163 6 10.25a.75.75 0 0 0 1.5 0c0-1.413 1.161-3.18 3.275-3.25m10.95 0a.75.75 0 0 1 .05-1.5c3.051.103 4.725 2.663 4.725 4.75a.75.75 0 0 1-1.5 0c0-1.413-1.161-3.18-3.275-3.25"/><path fill="#bb1d80" d="M16 27c-1.652 0-3-1.348-3-3s1.348-3 3-3s3 1.348 3 3s-1.348 3-3 3"/><path fill="#ff822d" d="M22.994 11.012a1.5 1.5 0 0 0-1.362 1.626l.394 4.446l-.029.013L18.8 15.25a1.5 1.5 0 1 0-1.5 2.598l.079.046a1.5 1.5 0 0 0-.579 2.79l2.473 1.427c.64.444.995.984 1.355 1.533c.438.666.884 1.345 1.855 1.877c2.002.863 4.026.508 5.253-.719c.91-.91 1.204-2.215 1.473-3.41c.132-.585.257-1.144.447-1.617l1.152-2.716c.37-.656.124-1.505-.547-1.89c-.668-.383-1.503-.162-1.865.494l-1.145 1.824V13a1.5 1.5 0 0 0-2.685-.92a1.5 1.5 0 0 0-1.57-1.068M6.92 12.8a1.37 1.37 0 0 1 1.82-.54c.514.271.764.829.661 1.367l.368-.65a1.436 1.436 0 0 1 1.905-.564c.674.354.914 1.182.537 1.849l-.1.175a1.4 1.4 0 0 1 .906.138c.674.355.915 1.183.537 1.85l-.323.57c.31-.05.637.002.924.17a1.32 1.32 0 0 1 .434 1.876l-3.594 5.5a4.82 4.82 0 0 1-2.463 2.144c-2.476.968-5.26-.235-6.218-2.687a4.7 4.7 0 0 1-.292-2.279a2 2 0 0 1-.002-.138l.082-2.532l-.304-3.035c-.075-.75.49-1.428 1.26-1.512c.765-.083 1.44.454 1.51 1.2l.099 1.076z"/></g></svg>
Face With Peeking Eye アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:face-with-peeking-eye" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:face-with-peeking-eye" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:face-with-peeking-eye" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--face-with-peeking-eye]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:face-with-peeking-eye"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:face-with-peeking-eye"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/face-with-peeking-eye.svg" alt="Face With Peeking Eye アイコン" width="24" height="24">
Fluent Emoji Flat の関連アイコン
他のアイコンセットの Face With Peeking Eye アイコン
Face With Peeking Eye アイコン のよくある質問
Face With Peeking Eye アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Face With Peeking Eye アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:face-with-peeking-eye" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Face With Peeking Eye アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/face-with-peeking-eye.svg" alt="Face With Peeking Eye アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
