ICONYZ
English
Winking Face With Tongue icon from Fluent Emoji High Contrast

Winking Face With Tongue icon

fluent-emoji-high-contrast:winking-face-with-tongue

The Winking Face With Tongue icon (fluent-emoji-high-contrast:winking-face-with-tongue) is a free SVG icon from the Fluent Emoji High Contrast set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji High Contrast 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 High Contrast
Author
Microsoft Corporation
License
MIT
Size
32 × 32
Category
Smileys & Emotion
Tags
winkingface, facewith, withtongue, winkingfacewithtongue
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M21.94 22.844a2.3 2.3 0 0 0-.283-.631c-.281-.436-.666-.712-.972-.894c-.426-.252-1.086-.412-1.802-.517c-.762-.112-1.73-.182-2.868-.182s-2.103.07-2.863.182c-.719.106-1.372.266-1.798.513c-.313.181-.704.458-.988.898a2.3 2.3 0 0 0-.29.663C8.999 21.01 8.999 19 8.999 19h14s0 1.987-1.059 3.844"/><path d="M11.089 24.2a6 6 0 0 1-.074-.45c-.11-.85.34-1.28.84-1.57c.18-.104.48-.205.894-.292c.744-.157 1.852-.268 3.266-.268c1.375 0 2.465.105 3.209.255c.446.09.768.196.951.305c.49.29.94.72.84 1.57c-.127 1.028-.771 4.114-4.735 4.246l-.248.004h-.017q-.12 0-.24-.004c-3.507-.105-4.429-2.516-4.687-3.795m.006-10.045c1.096 0 1.448.697 1.498.898a1 1 0 1 0 1.941-.483c-.225-.904-1.244-2.415-3.44-2.415s-3.214 1.511-3.439 2.415a1 1 0 0 0 1.941.483c.05-.2.402-.898 1.499-.898M10.5 7.875a.625.625 0 1 1 0 1.25c-.532 0-1.29.207-1.972.65c-.674.436-1.22 1.067-1.422 1.877a.625.625 0 1 1-1.212-.304c.297-1.19 1.086-2.06 1.953-2.622c.86-.558 1.852-.851 2.653-.851m12.345 1.203c.576.548.924 1.207 1.062 1.62a.625.625 0 1 0 1.186-.396c-.196-.587-.648-1.428-1.388-2.13c-.75-.713-1.815-1.297-3.205-1.297a.625.625 0 1 0 0 1.25c1.01 0 1.779.416 2.345.953M23.209 14a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/><path d="M29.998 15.999c0 7.731-4.665 13.999-14 13.999C6.665 29.998 2 23.73 2 15.998C2 8.269 6.664 2 15.999 2c9.334 0 13.999 6.268 13.999 13.999m-4.97 8.544c1.924-2.09 2.97-5.07 2.97-8.544s-1.046-6.454-2.97-8.544C23.128 5.392 20.193 4 15.998 4C11.806 4 8.87 5.392 6.97 7.455C5.046 9.545 4 12.525 4 15.999s1.046 6.454 2.97 8.544c1.16 1.26 2.707 2.27 4.69 2.864c.932.926 2.33 1.593 4.355 1.593c2.036 0 3.438-.674 4.37-1.607c1.96-.597 3.492-1.6 4.642-2.85"/></g></svg>

How to use the Winking Face With Tongue icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Fluent Emoji High Contrast

Winking Face With Tongue icon in other icon sets

Winking Face With Tongue icon FAQ

Is the Winking Face With Tongue icon free for commercial use?

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

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

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

How do I add the Winking 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-high-contrast/winking-face-with-tongue.svg" alt="Winking Face With Tongue icon">, or paste the SVG code inline to style it with CSS.

Browse all Fluent Emoji High Contrast icons →