ICONYZ
العربية
أيقونة Face With Monocle من Fluent Emoji

أيقونة Face With Monocle

fluent-emoji:face-with-monocle

أيقونة Face With Monocle (fluent-emoji:face-with-monocle) أيقونة SVG مجانية من مجموعة Fluent Emoji من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Fluent Emoji
المؤلف
Microsoft Corporation
الترخيص
MIT
الحجم
32 × 32
الوسوم
facewith، withmonocle، facewithmonocle
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iuezoob)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#iE8QcEd)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ivEnSkc)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#iWiImqb)" fill-opacity=".6" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ibBjvec)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ipSnfmL)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#ilqJk5c)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="url(#i6j9Pab)" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><g filter="url(#is24Fdb)"><path fill="url(#iA1L6mV)" d="m26.684 25.521l.33-.324l-2.815-3.669l-1.402 2.34z"/></g><g filter="url(#iVqtUFb)"><path stroke="#D46A37" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".6" stroke-width="1.3" d="M17.791 5.787s.979-.78 2.473-.78s2.71.912 2.71.912"/></g><g filter="url(#imvsXYb)"><path stroke="#AC552B" stroke-linecap="round" stroke-linejoin="round" stroke-opacity=".6" stroke-width="1.3" d="M7.001 7.822s.979-.78 2.473-.78s2.71.913 2.71.913"/></g><g filter="url(#iNPWdzd)"><circle cx="20.383" cy="13.014" r="5.263" fill="#CD6330" fill-opacity=".6"/></g><g filter="url(#icl6CFc)"><circle cx="9.753" cy="12.358" r="4.105" fill="#D56A37" fill-opacity=".6"/></g><g filter="url(#inCevZb)"><path fill="#DF7644" fill-rule="evenodd" d="M25.354 11.376c.158 0 .286.269.286.6v13.438c0 .331-.128.6-.286.6s-.285-.269-.285-.6V11.976c0-.331.128-.6.285-.6" clip-rule="evenodd"/></g><circle cx="21.454" cy="11.923" r="4.453" fill="#fff"/><circle cx="10.22" cy="11.97" r="4.219" fill="#fff"/><path fill="#402A32" fill-rule="evenodd" d="M21.001 8.251A3 3 0 1 0 21 14.25a3 3 0 0 0 .001-5.999m-11 .25a3 3 0 1 0 0 6a3 3 0 0 0 0-6" clip-rule="evenodd"/><path stroke="url(#iLSyOfv)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3" d="M7.962 6.613s.873-.756 2.434-.756c1.665 0 2.644.888 2.644.888"/><path stroke="url(#iHrIX0i)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.3" d="M18.91 4.369s.978-.78 2.472-.78s2.71.912 2.71.912"/><path stroke="url(#i2200Hb)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M13.098 18.62s1.35-1.062 3.358-.556c1.673.421 2.446 1.944 2.446 1.944"/><path fill="url(#iUrQ7ML)" fill-rule="evenodd" d="M27.354 11.376a.6.6 0 0 1 .6.6v13.438a.6.6 0 0 1-1.2 0V11.976a.6.6 0 0 1 .6-.6" clip-rule="evenodd"/><path fill="url(#ielCfnc)" fill-rule="evenodd" d="M27.354 11.376a.6.6 0 0 1 .6.6v13.438a.6.6 0 0 1-1.2 0V11.976a.6.6 0 0 1 .6-.6" clip-rule="evenodd"/><path fill="url(#iQkn3ed)" fill-rule="evenodd" d="M27.354 11.376a.6.6 0 0 1 .6.6v13.438a.6.6 0 0 1-1.2 0V11.976a.6.6 0 0 1 .6-.6" clip-rule="evenodd"/><path fill="url(#ixFC0Fc)" fill-rule="evenodd" d="M27.357 12.958c-.209.121-.401.294-.468.526a5.653 5.653 0 1 1 0-3.122c.067.232.26.405.468.526a1.195 1.195 0 0 1 0 2.07m-1.45-1.035a4.453 4.453 0 1 1-8.906 0a4.453 4.453 0 0 1 8.906 0" clip-rule="evenodd"/><path fill="url(#iGhosyb)" fill-rule="evenodd" d="M27.357 12.958c-.209.121-.401.294-.468.526a5.653 5.653 0 1 1 0-3.122c.067.232.26.405.468.526a1.195 1.195 0 0 1 0 2.07m-1.45-1.035a4.453 4.453 0 1 1-8.906 0a4.453 4.453 0 0 1 8.906 0" clip-rule="evenodd"/><path fill="url(#iuppYkd)" fill-rule="evenodd" d="M27.357 12.958c-.209.121-.401.294-.468.526a5.653 5.653 0 1 1 0-3.122c.067.232.26.405.468.526a1.195 1.195 0 0 1 0 2.07m-1.45-1.035a4.453 4.453 0 1 1-8.906 0a4.453 4.453 0 0 1 8.906 0" clip-rule="evenodd"/><path fill="url(#icysrCc)" fill-rule="evenodd" d="M27.357 12.958c-.209.121-.401.294-.468.526a5.653 5.653 0 1 1 0-3.122c.067.232.26.405.468.526a1.195 1.195 0 0 1 0 2.07m-1.45-1.035a4.453 4.453 0 1 1-8.906 0a4.453 4.453 0 0 1 8.906 0" clip-rule="evenodd"/><g filter="url(#i9824td)"><circle cx="21.454" cy="11.923" r="5.194" stroke="url(#iJomr4d)" stroke-width=".2"/></g><g filter="url(#ideMvld)"><ellipse cx="27.114" cy="11.571" fill="url(#i4Pkeud)" rx=".581" ry=".531" transform="rotate(44.538 27.114 11.571)"/></g><defs><radialGradient id="iuezoob" cx="0" cy="0" r="1" gradientTransform="rotate(132.839 10.786 10.065)scale(37.5033)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF478"/><stop offset=".475" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="iE8QcEd" cx="0" cy="0" r="1" gradientTransform="rotate(131.878 10.74 10.193)scale(38.9487)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF478"/><stop offset=".475" stop-color="#FFB02E"/><stop offset="1" stop-color="#F70A8D"/></radialGradient><radialGradient id="ivEnSkc" cx="0" cy="0" r="1" gradientTransform="rotate(101.31 2.876 12.808)scale(17.8466 22.8581)" gradientUnits="userSpaceOnUse"><stop offset=".788" stop-color="#F59639" stop-opacity="0"/><stop offset=".973" stop-color="#FF7DCE"/></radialGradient><radialGradient id="iWiImqb" cx="0" cy="0" r="1" gradientTransform="matrix(-29 29 -29 -29 18 14)" gradientUnits="userSpaceOnUse"><stop offset=".315" stop-opacity="0"/><stop offset="1"/></radialGradient><radialGradient id="ibBjvec" cx="0" cy="0" r="1" gradientTransform="rotate(77.692 -2.555 18.434)scale(28.1469)" gradientUnits="userSpaceOnUse"><stop offset=".508" stop-color="#7D6133" stop-opacity="0"/><stop offset="1" stop-color="#715B32"/></radialGradient><radialGradient id="ipSnfmL" cx="0" cy="0" r="1" gradientTransform="matrix(7.5 10.99996 -7.97335 5.4364 16.5 16.5)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB849"/><stop offset="1" stop-color="#FFB847" stop-opacity="0"/></radialGradient><radialGradient id="ilqJk5c" cx="0" cy="0" r="1" gradientTransform="matrix(11.49998 2 -2 11.49998 20.5 18)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA64B"/><stop offset=".9" stop-color="#FFAE46" stop-opacity="0"/></radialGradient><radialGradient id="i6j9Pab" cx="0" cy="0" r="1" gradientTransform="rotate(43.971 -9.827 29.173)scale(59.0529)" gradientUnits="userSpaceOnUse"><stop offset=".185" stop-opacity="0"/><stop offset="1" stop-opacity=".4"/></radialGradient><radialGradient id="iLSyOfv" cx="0" cy="0" r="1" gradientTransform="matrix(1.00489 -7.69537 15.46203 2.01909 11.307 8.068)" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#2E1529"/><stop offset=".297" stop-color="#5F4357"/><stop offset=".438" stop-color="#4B2744"/></radialGradient><radialGradient id="iHrIX0i" cx="0" cy="0" r="1" gradientTransform="matrix(-.10646 -6.55826 12.1842 -.19779 21.17 5.37)" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#2E1529"/><stop offset=".297" stop-color="#5F4357"/><stop offset=".438" stop-color="#4B2744"/></radialGradient><radialGradient id="i2200Hb" cx="0" cy="0" r="1" gradientTransform="matrix(2.81237 -14.74998 16.00664 3.05198 15.512 22.129)" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#2E1529"/><stop offset=".297" stop-color="#5F4357"/><stop offset=".438" stop-color="#4B2744"/></radialGradient><radialGradient id="ixFC0Fc" cx="0" cy="0" r="1" gradientTransform="matrix(-3.43751 7.0125 -7.53775 -3.69499 24.689 10.564)" gradientUnits="userSpaceOnUse"><stop stop-color="#A09DA8"/><stop offset="1" stop-color="#938D9A"/></radialGradient><radialGradient id="iuppYkd" cx="0" cy="0" r="1" gradientTransform="rotate(106.682 8.347 12.307)scale(9.68901 9.47937)" gradientUnits="userSpaceOnUse"><stop offset=".679" stop-color="#987AB5" stop-opacity="0"/><stop offset="1" stop-color="#987AB5"/></radialGradient><radialGradient id="icysrCc" cx="0" cy="0" r="1" gradientTransform="matrix(2.9688 -5.68747 10.31888 5.38633 21.189 15.752)" gradientUnits="userSpaceOnUse"><stop stop-color="#837890"/><stop offset=".208" stop-color="#837890" stop-opacity="0"/></radialGradient><filter id="is24Fdb" width="5.218" height="4.993" x="22.297" y="21.028" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6815_5229" stdDeviation=".25"/></filter><filter id="iVqtUFb" width="10.483" height="6.212" x="15.141" y="2.357" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6815_5229" stdDeviation="1"/></filter><filter id="imvsXYb" width="10.483" height="6.212" x="4.351" y="4.392" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6815_5229" stdDeviation="1"/></filter><filter id="iNPWdzd" width="12.526" height="12.526" x="14.12" y="6.751" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6815_5229" stdDeviation=".5"/></filter><filter id="icl6CFc" width="10.21" height="10.21" x="4.648" y="7.253" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6815_5229" stdDeviation=".5"/></filter><filter id="inCevZb" width="4.571" height="18.637" x="23.069" y="9.376" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6815_5229" stdDeviation="1"/></filter><filter id="i9824td" width="11.187" height="11.188" x="15.861" y="6.329" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6815_5229" stdDeviation=".15"/></filter><filter id="ideMvld" width="1.614" height="1.613" x="26.306" y="10.765" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_6815_5229" stdDeviation=".125"/></filter><linearGradient id="iA1L6mV" x1="26.486" x2="24.846" y1="26.5" y2="24.992" gradientUnits="userSpaceOnUse"><stop stop-color="#B95A2D"/><stop offset="1" stop-color="#D46A37" stop-opacity="0"/></linearGradient><linearGradient id="iUrQ7ML" x1="27.292" x2="23.68" y1="12.376" y2="13.077" gradientUnits="userSpaceOnUse"><stop stop-color="#CAC6D5"/><stop offset="1" stop-color="#B9B2C1"/></linearGradient><linearGradient id="ielCfnc" x1="27.954" x2="26.126" y1="19.47" y2="19.47" gradientUnits="userSpaceOnUse"><stop stop-color="#8C8693" stop-opacity="0"/><stop offset="1" stop-color="#8C8693"/></linearGradient><linearGradient id="iQkn3ed" x1="28.439" x2="24.308" y1="8.189" y2="9.039" gradientUnits="userSpaceOnUse"><stop offset=".679" stop-color="#B08CD2" stop-opacity="0"/><stop offset="1" stop-color="#BB96DE"/></linearGradient><linearGradient id="iGhosyb" x1="22.814" x2="27.954" y1="13.095" y2="19.001" gradientUnits="userSpaceOnUse"><stop stop-color="#8C8693" stop-opacity="0"/><stop offset="1" stop-color="#8C8693"/></linearGradient><linearGradient id="iJomr4d" x1="24.636" x2="21.701" y1="6.434" y2="14.313" gradientUnits="userSpaceOnUse"><stop stop-color="#B5AEBE"/><stop offset="1" stop-color="#B5AEBE" stop-opacity="0"/></linearGradient><linearGradient id="i4Pkeud" x1="26.923" x2="27.02" y1="10.981" y2="12.183" gradientUnits="userSpaceOnUse"><stop stop-color="#B5AEBE"/><stop offset="1" stop-color="#B5AEBE" stop-opacity="0"/></linearGradient></defs></g></svg>

كيفية استخدام أيقونة Face With Monocle

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji:face-with-monocle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji:face-with-monocle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji:face-with-monocle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--face-with-monocle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:face-with-monocle"></div>

مكوّن ويب

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji:face-with-monocle"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji/face-with-monocle.svg" alt="أيقونة Face With Monocle" width="24" height="24">

أيقونات ذات صلة في Fluent Emoji

أيقونة Face With Monocle في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Face With Monocle

هل أيقونة Face With Monocle مجانية للاستخدام التجاري؟

نعم. تُنشر Fluent Emoji icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Face With Monocle في React؟

ثبّت @iconify/react واعرض <Icon icon="fluent-emoji:face-with-monocle" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Face With Monocle إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-emoji/face-with-monocle.svg" alt="أيقونة Face With Monocle">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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