Ikon Eye In Speech Bubble
fluent-emoji:eye-in-speech-bubble
Ikon Eye In Speech Bubble (fluent-emoji:eye-in-speech-bubble) adalah ikon SVG gratis dari set Fluent Emoji karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 33. Fluent Emoji 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
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 33
- Tag
- eyein, inspeech, speechbubble, eyeinspeechbubble
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33"><g fill="none"><g clip-path="url(#iWhb6Dd)"><path fill="url(#iaAOIge)" d="M29.599 16.517C27.88 12.689 23.314 8 16.146 8C8.957 8 4.399 12.202 2.458 16.266c-.47.985-.383 2.514.125 3.375c1.813 3.75 6.347 7.984 13.516 7.984c.96 0 1.934-.106 2.81-.257a2.07 2.07 0 0 1 1.332.2c1.165.624 2.337 1.301 3.831 2.14c.459.257.854-.027.824-.552l-.227-3.416a1.54 1.54 0 0 1 .62-1.327c2.104-1.579 2.888-2.607 4.075-4.522c.529-.851.657-2.328.235-3.375"/><path fill="url(#iDWuGhd)" d="M29.599 16.517C27.88 12.689 23.314 8 16.146 8C8.957 8 4.399 12.202 2.458 16.266c-.47.985-.383 2.514.125 3.375c1.813 3.75 6.347 7.984 13.516 7.984c.96 0 1.934-.106 2.81-.257a2.07 2.07 0 0 1 1.332.2c1.165.624 2.337 1.301 3.831 2.14c.459.257.854-.027.824-.552l-.227-3.416a1.54 1.54 0 0 1 .62-1.327c2.104-1.579 2.888-2.607 4.075-4.522c.529-.851.657-2.328.235-3.375"/><path fill="url(#i41IQwd)" d="M29.599 16.517C27.88 12.689 23.314 8 16.146 8C8.957 8 4.399 12.202 2.458 16.266c-.47.985-.383 2.514.125 3.375c1.813 3.75 6.347 7.984 13.516 7.984c.96 0 1.934-.106 2.81-.257a2.07 2.07 0 0 1 1.332.2c1.165.624 2.337 1.301 3.831 2.14c.459.257.854-.027.824-.552l-.227-3.416a1.54 1.54 0 0 1 .62-1.327c2.104-1.579 2.888-2.607 4.075-4.522c.529-.851.657-2.328.235-3.375"/><circle cx="16" cy="17.798" r="6.641" fill="url(#isaLSbO)"/><g filter="url(#ioh9d5b)"><circle cx="15.313" cy="18.903" r="3.831" fill="#C9C5CC"/></g><circle cx="16" cy="17.798" r="3.831" fill="url(#iQ9N7Wc)"/><circle cx="16" cy="17.798" r="3.831" fill="url(#iMx5pAo)" fill-opacity=".4"/><g filter="url(#iT8ANQe)"><ellipse cx="23.817" cy="16.704" fill="url(#ioZHxUd)" rx="5.296" ry="3.484"/></g><g filter="url(#i4X2AEe)"><path fill="url(#igqi3yd)" d="m22.677 26.439l1.75 2.578l-.25-4.078z"/></g><g filter="url(#iEpR01c)"><path stroke="url(#i4xzdFe)" stroke-linecap="round" stroke-width=".25" d="M20.425 27.126c.458-.215 1.882-.928 3.91-2.062"/></g><g filter="url(#iA4NVAc)"><path stroke="url(#iZWNUpb)" stroke-width=".2" d="M8.052 25.126c4 2.563 9.962 2.56 12.562 1.46"/></g><g filter="url(#iwOzdTf)"><path stroke="#9D86A5" stroke-opacity=".5" stroke-width=".2" d="M24.974 24.267c-.125.14-.578.539-1 .797"/></g></g><defs><radialGradient id="iaAOIge" cx="0" cy="0" r="1" gradientTransform="matrix(9.375 14.37498 -26.96945 17.58881 9.146 9.751)" gradientUnits="userSpaceOnUse"><stop stop-color="#3B3444"/><stop offset="1" stop-color="#573561"/></radialGradient><radialGradient id="iDWuGhd" cx="0" cy="0" r="1" gradientTransform="matrix(-8.6875 0 0 -14.6875 31.896 20.689)" gradientUnits="userSpaceOnUse"><stop stop-color="#3B3444"/><stop offset="1" stop-color="#3D3446" stop-opacity="0"/></radialGradient><radialGradient id="i41IQwd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -15.375 16.4794 0 16 22.314)" gradientUnits="userSpaceOnUse"><stop offset=".886" stop-color="#72667B" stop-opacity="0"/><stop offset="1" stop-color="#72667B"/></radialGradient><radialGradient id="iQ9N7Wc" cx="0" cy="0" r="1" gradientTransform="matrix(4.25 7.03374 -11.98684 7.24283 12.52 13.967)" gradientUnits="userSpaceOnUse"><stop stop-color="#3B3444"/><stop offset="1" stop-color="#573561"/></radialGradient><radialGradient id="iMx5pAo" cx="0" cy="0" r="1" gradientTransform="rotate(136.052 8.275 10.862)scale(8.01506 5.71056)" gradientUnits="userSpaceOnUse"><stop stop-color="#DAD8DD"/><stop offset="1" stop-color="#DAD8DD" stop-opacity="0"/></radialGradient><radialGradient id="ioZHxUd" cx="0" cy="0" r="1" gradientTransform="matrix(-6.79584 0 0 -3.20501 24.315 15.738)" gradientUnits="userSpaceOnUse"><stop stop-color="#DAD8DD" stop-opacity=".5"/><stop offset="1" stop-color="#DAD8DD" stop-opacity="0"/></radialGradient><filter id="ioh9d5b" width="9.661" height="9.661" x="10.482" y="14.072" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7161_6142" stdDeviation=".5"/></filter><filter id="iT8ANQe" width="16.593" height="12.969" x="15.521" y="10.22" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7161_6142" stdDeviation="1.5"/></filter><filter id="i4X2AEe" width="3.75" height="6.078" x="21.677" y="23.939" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7161_6142" stdDeviation=".5"/></filter><filter id="iEpR01c" width="5.16" height="3.313" x="19.8" y="24.439" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7161_6142" stdDeviation=".25"/></filter><filter id="iA4NVAc" width="13.655" height="3.344" x="7.498" y="24.542" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7161_6142" stdDeviation=".25"/></filter><filter id="iwOzdTf" width="2.127" height="1.949" x="23.422" y="23.7" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_7161_6142" stdDeviation=".25"/></filter><linearGradient id="isaLSbO" x1="11.208" x2="18.021" y1="11.814" y2="25.064" gradientUnits="userSpaceOnUse"><stop stop-color="#DCDBDF"/><stop offset="1" stop-color="#D4D0D7"/></linearGradient><linearGradient id="igqi3yd" x1="23.333" x2="24.614" y1="26.032" y2="30.22" gradientUnits="userSpaceOnUse"><stop stop-color="#6D5B76"/><stop offset="1" stop-color="#6D5B76" stop-opacity="0"/></linearGradient><linearGradient id="i4xzdFe" x1="24.55" x2="20.855" y1="25.536" y2="27.857" gradientUnits="userSpaceOnUse"><stop stop-color="#312343" stop-opacity="0"/><stop offset=".292" stop-color="#312343"/><stop offset=".74" stop-color="#312343"/><stop offset="1" stop-color="#312343" stop-opacity="0"/></linearGradient><linearGradient id="iZWNUpb" x1="19.599" x2="11.177" y1="27.236" y2="27.642" gradientUnits="userSpaceOnUse"><stop stop-color="#865994"/><stop offset="1" stop-color="#865994" stop-opacity="0"/></linearGradient><clipPath id="iWhb6Dd"><path fill="#fff" d="M0 .001h32v32H0z"/></clipPath></defs></g></svg>Cara memakai ikon Eye In Speech Bubble
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:eye-in-speech-bubble" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:eye-in-speech-bubble" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:eye-in-speech-bubble" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--eye-in-speech-bubble]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:eye-in-speech-bubble"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:eye-in-speech-bubble"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/eye-in-speech-bubble.svg" alt="Ikon Eye In Speech Bubble" width="24" height="24">Ikon terkait di Fluent Emoji
Ikon Eye In Speech Bubble di set ikon lain
FAQ Ikon Eye In Speech Bubble
Apakah ikon Eye In Speech Bubble gratis untuk penggunaan komersial?
Ya. Fluent Emoji icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Eye In Speech Bubble di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji:eye-in-speech-bubble" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Eye In Speech Bubble ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji/eye-in-speech-bubble.svg" alt="Ikon Eye In Speech Bubble">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.