Ikon Face With Peeking Eye
fluent-emoji-high-contrast:face-with-peeking-eye
Ikon Face With Peeking Eye (fluent-emoji-high-contrast:face-with-peeking-eye) adalah ikon SVG gratis dari set Fluent Emoji High Contrast karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji High Contrast icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fluent Emoji High Contrast
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Kategori
- Smiley dan emosi
- Tag
- facewith, withpeeking, peekingeye, facewithpeekingeye
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M8.896 27.617a6 6 0 0 0 .306-.13c1.829.957 4.086 1.51 6.797 1.51c2.804 0 5.122-.592 6.983-1.61l.019.011l.042.023l.043.019a6.6 6.6 0 0 0 2.605.556C23.245 29.9 19.994 30.998 16 30.998c-3.99 0-7.238-1.096-9.683-2.996a5.8 5.8 0 0 0 2.58-.385m18.114-.806c-.898.264-1.927.253-2.972-.08a6 6 0 0 1-.557-.21c-.971-.532-1.417-1.21-1.855-1.877c-.36-.549-.716-1.09-1.355-1.533l-2.473-1.428a1.5 1.5 0 0 1 .58-2.79l-.08-.045a1.5 1.5 0 0 1 1.5-2.598l3.198 1.847l.03-.013l-.395-4.446l-.002-.026a1.5 1.5 0 0 1 2.935-.532a1.5 1.5 0 0 1 2.685.92v4.487l1.145-1.824c.362-.656 1.197-.877 1.865-.494c.67.385.917 1.234.547 1.89l-1.152 2.715c-.19.474-.315 1.033-.447 1.618c-.269 1.195-.563 2.5-1.473 3.41a4 4 0 0 1-1.724 1.01"/><path d="M21.636 13.727a2.5 2.5 0 0 1 .242-1.314a2.5 2.5 0 0 0-3.768 2.82a2.5 2.5 0 0 1 2.19.151l1.563.903z"/><path d="M29.25 14a2.5 2.5 0 0 0-.658-1.69c-.498-2.144-1.448-4.033-2.828-5.532C23.647 4.48 20.43 3 15.999 3c-4.43 0-7.648 1.48-9.764 3.778c-1.63 1.769-2.66 4.082-3.053 6.716a2.43 2.43 0 0 0-2.148 1.347c.213-3.614 1.436-6.927 3.73-9.418C7.314 2.654 11.095 1 15.999 1s8.686 1.654 11.236 4.423c2.331 2.532 3.556 5.912 3.739 9.595a2.36 2.36 0 0 0-1.724.36zM13 25c0 1.652 1.348 3 3 3s3-1.348 3-3s-1.348-3-3-3s-3 1.348-3 3"/><path d="M6.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.925.17a1.32 1.32 0 0 1 .433 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.076zm4.58-6.575a.75.75 0 0 1-.725.775C8.661 7.07 7.5 8.837 7.5 10.25a.75.75 0 0 1-1.5 0c0-2.087 1.674-4.647 4.725-4.75a.75.75 0 0 1 .775.725m9.5 0a.75.75 0 0 0 .725.775C23.839 7.07 25 8.837 25 10.25a.75.75 0 0 0 1.5 0c0-2.087-1.674-4.647-4.725-4.75a.75.75 0 0 0-.774.725"/></g></svg>Cara memakai ikon Face With Peeking Eye
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:face-with-peeking-eye" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:face-with-peeking-eye" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:face-with-peeking-eye" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--face-with-peeking-eye]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:face-with-peeking-eye"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:face-with-peeking-eye"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/face-with-peeking-eye.svg" alt="Ikon Face With Peeking Eye" width="24" height="24">Ikon terkait di Fluent Emoji High Contrast
Ikon Face With Peeking Eye di set ikon lain
FAQ Ikon Face With Peeking Eye
Apakah ikon Face With Peeking Eye gratis untuk penggunaan komersial?
Ya. Fluent Emoji High Contrast icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Face With Peeking Eye di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji-high-contrast:face-with-peeking-eye" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Face With Peeking Eye ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/face-with-peeking-eye.svg" alt="Ikon Face With Peeking Eye">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.