Partying Face icon
fluent-emoji-high-contrast:partying-face
The Partying Face icon (fluent-emoji-high-contrast:partying-face) 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
- partyingface
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16 2H4a2 2 0 0 0-2 2v12c0 3.785 1.143 7.296 3.514 9.87q.172.188.354.368c.259-.151.56-.238.882-.238c.45 0 .877-.26 1.097-.656a10 10 0 0 1-.862-.829C5.023 22.385 4 19.395 4 16q0-1.103.143-2.143l9.724-9.724A17 17 0 0 1 16 4c3.784 0 6.604 1.166 8.549 3.011q.099-.01.201-.011C25.398 7 26 6.459 26 5.75q0-.057.004-.114C23.636 3.347 20.272 2 16 2M4 4h2.414L4 6.414zm4.586 0h2.586L4 11.172V8.586zM16 30c-2.52 0-4.724-.469-6.595-1.323a4.8 4.8 0 0 0 1.463-1.554c1.458.562 3.165.877 5.132.877c4.098 0 7.065-1.368 9.015-3.485a10.3 10.3 0 0 0 1.509-2.135a5.63 5.63 0 0 0 2.767-1.475c-.576 1.863-1.506 3.554-2.805 4.965C24.103 28.458 20.571 30 16 30"/><path d="M22.864 13.729c.407-.543.94-.987 1.555-1.289a3 3 0 0 0-.283-.358C23.562 11.452 22.696 11 21.5 11c-1.184 0-2.047.431-2.624 1.06c-.548.596-.769 1.293-.857 1.75a1 1 0 1 0 1.963.38c.048-.246.158-.55.367-.777c.18-.196.498-.413 1.151-.413c.642 0 .969.222 1.157.429c.086.093.154.197.207.3m6.957-.266a4.5 4.5 0 0 0-2.317-1.35a12 12 0 0 0-.762-2.061a4.9 4.9 0 0 0 1.624-1.227c.733 1.416 1.215 2.983 1.455 4.638m-19.472-.05c-.21.227-.32.53-.367.778a1 1 0 0 1-1.964-.382c.089-.456.31-1.153.858-1.749c.577-.629 1.44-1.06 2.624-1.06c1.195 0 2.062.452 2.636 1.082c.544.597.77 1.292.85 1.747a1 1 0 0 1-1.971.342a1.55 1.55 0 0 0-.358-.742C12.47 13.222 12.142 13 11.5 13c-.653 0-.972.217-1.151.412M26 4a1 1 0 1 0 0-2a1 1 0 0 0 0 2m1.75 1a.75.75 0 0 1 .75.75c0 2.198-1.832 3.75-3.75 3.75a.75.75 0 0 1 0-1.5C25.909 8 27 7.052 27 5.75a.75.75 0 0 1 .75-.75m-18 19a.75.75 0 0 1 .75.75c0 2.198-1.832 3.75-3.75 3.75a.75.75 0 0 1 0-1.5C7.909 27 9 26.052 9 24.75a.75.75 0 0 1 .75-.75M27 29a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-17-9a1 1 0 1 1-2 0a1 1 0 0 1 2 0m16.321-7A3.32 3.32 0 0 0 23 16.321v.429A2.25 2.25 0 0 0 25.25 19A1.75 1.75 0 0 0 27 17.25v-.5a.75.75 0 0 0-1.5 0v.5a.25.25 0 0 1-.25.25a.75.75 0 0 1-.75-.75v-.429c0-1.006.816-1.821 1.821-1.821h.179a2 2 0 0 1 2 2v.361A3.14 3.14 0 0 1 25.361 20h-5.233q.061-.27.062-.56a2.52 2.52 0 0 0-2.52-2.52a1 1 0 1 0 0 2a.52.52 0 1 1 0 1.04a1 1 0 1 0 0 2a.52.52 0 1 1 0 1.04a1 1 0 1 0 0 2a2.52 2.52 0 0 0 2.322-3.5h5.37A4.64 4.64 0 0 0 30 16.861V16.5a3.5 3.5 0 0 0-3.5-3.5z"/></g></svg>How to use the Partying Face icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:partying-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:partying-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:partying-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--partying-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:partying-face"></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:partying-face"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/partying-face.svg" alt="Partying Face icon" width="24" height="24">Partying Face icon in other icon sets
Partying Face icon FAQ
Is the Partying Face 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 Partying Face icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji-high-contrast:partying-face" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Partying Face 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/partying-face.svg" alt="Partying Face icon">, or paste the SVG code inline to style it with CSS.