Man Pouting icon
fluent-emoji-high-contrast:man-pouting
The Man Pouting icon (fluent-emoji-high-contrast:man-pouting) 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
- People & Body
- Tags
- manpouting
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M13 7.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1zm4.5 0a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1zm-2.02 2.751c.022.136-.092.249-.23.249h-.334a.875.875 0 1 0-1.582 0h-.584c-.138 0-.252-.113-.23-.249a1.5 1.5 0 0 1 2.96 0m4.482 0c.022.136-.092.249-.23.249h-.566a.875.875 0 1 0-1.582 0h-.352c-.138 0-.252-.113-.23-.249a1.5 1.5 0 0 1 2.96 0"/><path d="M14 9.7a.2.2 0 0 1-.308.168a.5.5 0 0 0 .107.632h.65a.499.499 0 0 0-.459-.862q.01.03.01.062m4.25 0a.2.2 0 0 1-.308.168a.5.5 0 0 0 .107.632h.65a.499.499 0 0 0-.459-.862q.01.03.01.062m-2 4.3a.75.75 0 0 0-.707.5h1.414a.75.75 0 0 0-.707-.5m-1.145-.703a.25.25 0 0 0 .289.408l.006-.004l.035-.02a1 1 0 0 1 .158-.072a1.9 1.9 0 0 1 .657-.109c.292 0 .513.056.657.11a1 1 0 0 1 .193.09l.006.005a.25.25 0 0 0 .29-.408l-.002-.002l-.002-.001l-.006-.004l-.081-.048a2 2 0 0 0-.224-.101A2.4 2.4 0 0 0 16.25 13c-.358 0-.637.069-.83.14a1.7 1.7 0 0 0-.305.15l-.006.004l-.003.001zm.285-1.449l.51-1.586c.12-.35.64-.35.75 0l.53 1.586c.11.321-.15.652-.51.652h-.77c-.36 0-.62-.33-.51-.652"/><path d="M16.756 1.245a1.53 1.53 0 0 1-.938.014a2.89 2.89 0 0 0-3.219.568l-.003.003l-1 .99l-.003.004a2.1 2.1 0 0 1-.54.392l-.009.005l-.404.207a2.91 2.91 0 0 0-1.563 3.147l.442 2.4C9.194 9.396 9 9.925 9 10.5c0 .675.268 1.288.702 1.737l.164 2.101l.003.03c.056.511.199.992.414 1.428C7.707 17.53 6 20.372 6 23.618v3.533C6 29.317 7.826 31 9.987 31h12.526c2.161 0 3.987-1.683 3.987-3.849v-3.533c0-3.248-1.71-6.092-4.286-7.824a4.3 4.3 0 0 0 .416-1.456l.164-2.097c.436-.45.706-1.064.706-1.741a2.5 2.5 0 0 0-.471-1.46l.454-2.468l.005-.028c.194-1.254-.428-2.537-1.603-3.119h-.003l-.415-.209a1.9 1.9 0 0 1-.525-.377l-.015-.015l-.81-.81a3.26 3.26 0 0 0-3.36-.77m-4.325 15.549c.33.24.697.424 1.085.543c.147 1.365 1.323 2.413 2.734 2.413c1.41 0 2.586-1.047 2.734-2.41a3.7 3.7 0 0 0 1.087-.542a1 1 0 0 0 .26.198c2.516 1.325 4.169 3.812 4.169 6.622v.672h-1.183a2.8 2.8 0 0 0-.584-.758c-.636-.581-1.68-.992-3.317-.667l-2.724.505l-3.52-.612c-1.655-.328-2.719.15-3.362.786a3.2 3.2 0 0 0-.659.956H8v-.883c0-2.808 1.65-5.293 4.164-6.619a1 1 0 0 0 .267-.204M10.604 24.5h-.302q.09-.123.21-.244c.394-.39 1.118-.785 2.47-.516l.012.003l.874.151zM8 25.5h2.65q.046 0 .091-.008l8.86-1.644l.007-.002c1.371-.273 2.08.086 2.45.424c.128.118.226.243.3.358L11.48 29H9.987C8.843 29 8 28.127 8 27.151zm6.162 3.5l2.052-.825l2.098.825zM24.5 27.151c0 .976-.843 1.849-1.987 1.849h-1.466l-3.482-1.368l5.651-2.272a.5.5 0 0 0 .122-.07H24.5zm-6.632-9.648h.069a1.74 1.74 0 0 1-1.687 1.247a1.74 1.74 0 0 1-1.687-1.247zM12.561 5.888a15.5 15.5 0 0 1 3.726-.414c1.265-.02 2.528.127 3.754.439v.85a1.65 1.65 0 0 0 .557 1.241l.188.17a.44.44 0 0 1 .147.342a156 156 0 0 0-.166 2.79l-.001.01c-.048.901-.096 1.801-.16 2.687a2.723 2.723 0 0 1-2.734 2.5H14.65a2.72 2.72 0 0 1-2.733-2.489a94 94 0 0 1-.162-3.276l-.023-.525v-.002q-.033-.844-.077-1.694v-.008a.42.42 0 0 1 .143-.342l.179-.158a1.66 1.66 0 0 0 .559-1.245z"/></g></svg>How to use the Man Pouting icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:man-pouting" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:man-pouting" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:man-pouting" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--man-pouting]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:man-pouting"></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:man-pouting"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/man-pouting.svg" alt="Man Pouting icon" width="24" height="24">Related icons in Fluent Emoji High Contrast
Man Pouting icon in other icon sets
Man Pouting icon FAQ
Is the Man Pouting 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 Man Pouting icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji-high-contrast:man-pouting" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Man Pouting 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/man-pouting.svg" alt="Man Pouting icon">, or paste the SVG code inline to style it with CSS.