Eye In Speech Bubble アイコン
fluent-emoji:eye-in-speech-bubble
Eye In Speech Bubble アイコン(fluent-emoji:eye-in-speech-bubble)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 33 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 33
- タグ
- eyein、inspeech、speechbubble、eyeinspeechbubble
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>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 コンポーネント
<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>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji/eye-in-speech-bubble.svg" alt="Eye In Speech Bubble アイコン" width="24" height="24">Fluent Emoji の関連アイコン
他のアイコンセットの Eye In Speech Bubble アイコン
Eye In Speech Bubble アイコン のよくある質問
Eye In Speech Bubble アイコンは商用利用でも無料ですか?
はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Eye In Speech Bubble アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji:eye-in-speech-bubble" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Eye In Speech Bubble アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/eye-in-speech-bubble.svg" alt="Eye In Speech Bubble アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。