Ícone Face With Monocle
fluent-emoji:face-with-monocle
O ícone Face With Monocle (fluent-emoji:face-with-monocle) é um ícone SVG gratuito da coleção Fluent Emoji de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Fluent Emoji
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Tags
- facewith, withmonocle, facewithmonocle
Código 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>Como usar o ícone 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>Web component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/face-with-monocle.svg" alt="Ícone Face With Monocle" width="24" height="24">Ícones relacionados em Fluent Emoji
face-blowing-a-kiss
face-exhaling
face-holding-back-tears
face-in-clouds
face-savoring-food
face-screaming-in-fear
face-vomiting
face-with-diagonal-mouth
face-with-hand-over-mouth
face-with-head-bandage
face-with-medical-mask
face-with-open-eyes-and-hand-over-mouth
face-with-open-mouth
face-with-peeking-eye
face-with-raised-eyebrow
face-with-rolling-eyes
face-with-spiral-eyes
face-with-steam-from-nose
face-with-symbols-on-mouth
face-with-tears-of-joy
face-with-thermometer
face-with-tongue
face-without-mouth
O ícone Face With Monocle em outras coleções
Perguntas frequentes sobre Ícone Face With Monocle
O ícone Face With Monocle é grátis para uso comercial?
Sim. Fluent Emoji icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Face With Monocle no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji:face-with-monocle" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Face With Monocle a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji/face-with-monocle.svg" alt="Ícone Face With Monocle">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.