Ikon Face With Monocle
streamline-emojis:face-with-monocle
Ikon Face With Monocle (streamline-emojis:face-with-monocle) adalah ikon SVG gratis dari set Streamline Emojis karya Streamline. Ikon ini digambar pada grid 48 × 48. Streamline Emojis icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Streamline Emojis
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 48 × 48
- Kategori
- Smiley dan orang
- Tag
- facewith, withmonocle, facewithmonocle
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M8 45.5a16 1.5 0 1 0 32 0a16 1.5 0 1 0-32 0" opacity=".15"/><path fill="#ffe500" d="M4 21.5a20 20 0 1 0 40 0a20 20 0 1 0-40 0"/><path fill="#ebcb00" d="M24 1.5a20 20 0 1 0 20 20a20 20 0 0 0-20-20m0 37a18.25 18.25 0 1 1 18.25-18.25A18.25 18.25 0 0 1 24 38.5"/><path fill="#fff48c" d="M18 5.5a6 1.5 0 1 0 12 0a6 1.5 0 1 0-12 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M4 21.5a20 20 0 1 0 40 0a20 20 0 1 0-40 0"/><path fill="#ffaa54" d="M38.5 26.5c0 .83-1.12 1.5-2.5 1.5s-2.5-.67-2.5-1.5S34.62 25 36 25s2.5.67 2.5 1.5m-29 0c0 .83 1.12 1.5 2.5 1.5s2.5-.67 2.5-1.5S13.38 25 12 25s-2.5.67-2.5 1.5"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M14.5 17.5a1 1 0 1 1-1-1a1 1 0 0 1 1 1m19 3a1 1 0 1 0 1-1a1 1 0 0 0-1 1"/><path fill="#87898c" d="M42.5 14H44a1.5 1.5 0 0 1 1.5 1.5V17a1.5 1.5 0 0 1-1.5 1.5h-1.5z"/><path fill="#bdbec0" d="M44 14h-1.5v1.5H44a1.5 1.5 0 0 1 1.5 1.5v-1.5A1.5 1.5 0 0 0 44 14"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M42.5 14H44a1.5 1.5 0 0 1 1.5 1.5V17a1.5 1.5 0 0 1-1.5 1.5h-1.5h0z"/><path fill="#87898c" d="M26.5 16.5a8.5 8.5 0 1 0 17 0a8.5 8.5 0 1 0-17 0"/><path fill="#bdbec0" d="M35 10a8.5 8.5 0 0 1 8.44 7.5c0-.33.06-.66.06-1a8.5 8.5 0 0 0-17 0c0 .34 0 .67.06 1A8.5 8.5 0 0 1 35 10"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M26.5 16.5a8.5 8.5 0 1 0 17 0a8.5 8.5 0 1 0-17 0"/><path fill="#00b8f0" d="M28.5 16.5a6.5 6.5 0 1 0 13 0a6.5 6.5 0 1 0-13 0"/><path fill="#4acfff" d="M35 10a6.5 6.5 0 0 0-5.65 9.71l7.82-9.33A6.5 6.5 0 0 0 35 10"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M28.5 16.5a6.5 6.5 0 1 0 13 0a6.5 6.5 0 1 0-13 0m17-.5s1.5.06 1.5 2v17a3.72 3.72 0 0 1-4 4a3.68 3.68 0 0 1-4-4v-.27m-18-6.11a6.6 6.6 0 0 1 3-.62a6.6 6.6 0 0 1 3 .62M11 15s.42-2.5 2.5-2.5S16 15 16 15"/></svg>
Cara memakai ikon Face With Monocle
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:face-with-monocle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:face-with-monocle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:face-with-monocle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--face-with-monocle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:face-with-monocle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:face-with-monocle"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-emojis/face-with-monocle.svg" alt="Ikon Face With Monocle" width="24" height="24">
Ikon terkait di Streamline Emojis
Ikon Face With Monocle di set ikon lain
FAQ Ikon Face With Monocle
Apakah ikon Face With Monocle gratis untuk penggunaan komersial?
Ya. Streamline Emojis icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Face With Monocle di React?
Pasang @iconify/react lalu render <Icon icon="streamline-emojis:face-with-monocle" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Face With Monocle ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-emojis/face-with-monocle.svg" alt="Ikon Face With Monocle">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Streamline Emojis →
