أيقونة Eye In Speech Bubble

fluent-emoji:eye-in-speech-bubble

أيقونة Eye In Speech Bubble (fluent-emoji:eye-in-speech-bubble) أيقونة SVG مجانية من مجموعة Fluent Emoji من تصميم 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

<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>

مكوّن ويب

<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، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Eye In Speech Bubble في React؟

ثبّت @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">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Fluent Emoji →