ICONYZ
English
Face With Tongue icon from Fluent Emoji

Face With Tongue icon

fluent-emoji:face-with-tongue

The Face With Tongue icon (fluent-emoji:face-with-tongue) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Fluent Emoji
Author
Microsoft Corporation
License
MIT
Size
32 × 32
Tags
facewith, withtongue, facewithtongue
Download SVG

SVG code

<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"/><circle cx="9.017" cy="13.421" r="4.673" fill="url(#ixkd9Gd)"/><circle cx="19.244" cy="13.943" r="4.244" fill="url(#ip0a4Zc)"/><path fill="#fff" d="M10.42 16.224a4.206 4.206 0 1 0 0-8.411a4.206 4.206 0 0 0 0 8.411m11.148.077a4.244 4.244 0 1 0 0-8.489a4.244 4.244 0 0 0 0 8.49"/><path fill="url(#irplZdd)" d="M11 15a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#irplZdd)" d="M21 15a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="url(#i2u57dd)" d="M15.999 26c-7 0-7-7-7-7h14s0 7-7 7"/><path fill="url(#iAuD0Sd)" d="M16.016 29c4.2 0 4.87-4.2 5-5.25c.1-.85-.35-1.28-.84-1.57s-1.96-.56-4.16-.56s-3.66.27-4.16.56s-.95.72-.84 1.57c.13 1.05.8 5.25 5 5.25"/><g filter="url(#iCilKlb)" opacity=".5"><path stroke="#fff" d="M18 26.5c1-.5 2-1.5 2-3"/></g><path fill="url(#iZ8EXsc)" d="M22.859 20.43c.09-.46.14-.94.14-1.43h-14c0 .49.05.96.14 1.43z"/><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="ixkd9Gd" cx="0" cy="0" r="1" gradientTransform="rotate(135 4.3 7.513)scale(9.10579 4.71285)" gradientUnits="userSpaceOnUse"><stop stop-color="#392108"/><stop offset="1" stop-color="#C87928" stop-opacity="0"/></radialGradient><radialGradient id="ip0a4Zc" cx="0" cy="0" r="1" gradientTransform="rotate(135 9.069 9.99)scale(7.66968 4.32966)" gradientUnits="userSpaceOnUse"><stop stop-color="#392108"/><stop offset="1" stop-color="#C87928" stop-opacity="0"/></radialGradient><radialGradient id="i2u57dd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -8.55556 17.1111 0 15.999 27.556)" gradientUnits="userSpaceOnUse"><stop stop-color="#F70A8D"/><stop offset="1" stop-color="#89029C"/></radialGradient><radialGradient id="iAuD0Sd" cx="0" cy="0" r="1" gradientTransform="matrix(-.5 -9.5 16.51504 -.86922 16.5 30)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF1C4A"/><stop offset=".766" stop-color="#FF2B8F"/><stop offset=".864" stop-color="#BB0773"/><stop offset=".886" stop-color="#9F0762"/></radialGradient><linearGradient id="irplZdd" x1="16.5" x2="15.5" y1="8" y2="15" gradientUnits="userSpaceOnUse"><stop stop-color="#553B3E"/><stop offset="1" stop-color="#3D2432"/></linearGradient><linearGradient id="iZ8EXsc" x1="15.999" x2="15.999" y1="19" y2="20.43" gradientUnits="userSpaceOnUse"><stop stop-color="#ECCDFF"/><stop offset="1" stop-color="#fff"/></linearGradient><filter id="iCilKlb" width="4.724" height="5.447" x="16.776" y="22.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_31_20" stdDeviation=".5"/></filter></defs></g></svg>

How to use the Face With Tongue icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:face-with-tongue"></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-tongue"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fluent-emoji/face-with-tongue.svg" alt="Face With Tongue icon" width="24" height="24">

Related icons in Fluent Emoji

face-blowing-a-kiss icon
face-blowing-a-kiss
 face-exhaling icon
face-exhaling
 face-holding-back-tears icon
face-holding-back-tears
 face-in-clouds icon
face-in-clouds
 face-savoring-food icon
face-savoring-food
 face-screaming-in-fear icon
face-screaming-in-fear
 face-vomiting icon
face-vomiting
 face-with-diagonal-mouth icon
face-with-diagonal-mouth
 face-with-hand-over-mouth icon
face-with-hand-over-mouth
 face-with-head-bandage icon
face-with-head-bandage
 face-with-medical-mask icon
face-with-medical-mask
 face-with-monocle icon
face-with-monocle
 face-with-open-eyes-and-hand-over-mouth icon
face-with-open-eyes-and-hand-over-mouth
 face-with-open-mouth icon
face-with-open-mouth
 face-with-peeking-eye icon
face-with-peeking-eye
 face-with-raised-eyebrow icon
face-with-raised-eyebrow
 face-with-rolling-eyes icon
face-with-rolling-eyes
 face-with-spiral-eyes icon
face-with-spiral-eyes
 face-with-steam-from-nose icon
face-with-steam-from-nose
 face-with-symbols-on-mouth icon
face-with-symbols-on-mouth
 face-with-tears-of-joy icon
face-with-tears-of-joy
 face-with-thermometer icon
face-with-thermometer
 face-without-mouth icon
face-without-mouth

Face With Tongue icon in other icon sets

Face With Tongue icon from Emoji One (Colored)
Emoji One (Colored)
 Face With Tongue icon from Emoji One (Monotone)
Emoji One (Monotone)
 Face With Tongue icon from Emoji One (v1)
Emoji One (v1)
 Face With Tongue icon from Fluent Emoji Flat
Fluent Emoji Flat
 Face With Tongue icon from Fluent Emoji High Contrast
Fluent Emoji High Contrast
 Face With Tongue icon from Noto Emoji
Noto Emoji
 Face With Tongue icon from Noto Emoji (v1)
Noto Emoji (v1)
 Face With Tongue icon from OpenMoji
OpenMoji
 Face With Tongue icon from Streamline Emojis
Streamline Emojis
 Face With Tongue icon from Twitter Emoji
Twitter Emoji

Face With Tongue icon FAQ

Is the Face With Tongue icon free for commercial use?

Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Face With Tongue icon in React?

Install @iconify/react and render <Icon icon="fluent-emoji:face-with-tongue" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Face With Tongue icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/face-with-tongue.svg" alt="Face With Tongue icon">, or paste the SVG code inline to style it with CSS.

Browse all Fluent Emoji icons →