Face Holding Back Tears icon
fluent-emoji:face-holding-back-tears
The Face Holding Back Tears icon (fluent-emoji:face-holding-back-tears) 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
- faceholding, holdingback, backtears, faceholdingbacktears, tear
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"/><path fill="#fff" d="M14.962 16.633a4.228 4.228 0 1 1-8.456 0a4.228 4.228 0 0 1 8.455 0m2.039 0a4.228 4.228 0 1 0 8.455 0a4.228 4.228 0 0 0-8.455 0"/><path fill="#3E272F" d="M17.145 16.321a3.701 3.701 0 1 0 7.402 0a3.701 3.701 0 0 0-7.402 0m-6.029 3.702a3.701 3.701 0 1 0 0-7.403a3.701 3.701 0 0 0 0 7.403"/><g filter="url(#iiC5Dte)"><path fill="#427DFF" d="M14.211 19.037a4.44 4.44 0 0 1-3.68 1.95c-.452 0-.889-.067-1.301-.192a.147.147 0 0 0-.19.138a1.104 1.104 0 0 1-2.209 0v-.896a1 1 0 0 1 1-1z"/><path fill="url(#it3djoe)" d="M14.211 19.037a4.44 4.44 0 0 1-3.68 1.95c-.452 0-.889-.067-1.301-.192a.147.147 0 0 0-.19.138a1.104 1.104 0 0 1-2.209 0v-.896a1 1 0 0 1 1-1z"/></g><g filter="url(#i8xx88d)"><path fill="#4376FF" d="M17.75 19.037a4.44 4.44 0 0 0 3.68 1.95c.452 0 .89-.067 1.302-.192c.093-.029.19.04.19.138a1.104 1.104 0 1 0 2.208 0v-.896a1 1 0 0 0-1-1z"/><path fill="url(#iDaKjzc)" d="M17.75 19.037a4.44 4.44 0 0 0 3.68 1.95c.452 0 .89-.067 1.302-.192c.093-.029.19.04.19.138a1.104 1.104 0 1 0 2.208 0v-.896a1 1 0 0 0-1-1z"/><path fill="url(#i19oV1k)" d="M17.75 19.037a4.44 4.44 0 0 0 3.68 1.95c.452 0 .89-.067 1.302-.192c.093-.029.19.04.19.138a1.104 1.104 0 1 0 2.208 0v-.896a1 1 0 0 0-1-1z"/></g><g filter="url(#i7mSkiP)"><path stroke="url(#iZMWKRd)" stroke-linecap="round" d="M6.598 11.919c.869-.064 3.24-.911 3.78-3.527"/></g><g filter="url(#ijedJzd)"><path stroke="url(#iAnKqNe)" stroke-linecap="round" d="M24.927 11.919c-.868-.064-3.24-.911-3.78-3.527"/></g><g filter="url(#iazDjBe)"><path stroke="#4F384A" stroke-linecap="round" stroke-width="1.3" d="M6.598 11.217c.869-.064 3.24-.91 3.78-3.527"/></g><g filter="url(#iaDAA3d)"><path stroke="#462E2E" stroke-linecap="round" stroke-width="1.3" d="M25.363 11.217c-.868-.064-3.24-.91-3.78-3.527"/></g><ellipse cx="22.522" cy="15.124" fill="url(#iUhPfOb)" rx="1.178" ry="1.484" transform="rotate(-37.302 22.522 15.124)"/><ellipse cx="12.459" cy="15.124" fill="url(#i9lQMhe)" rx="1.178" ry="1.484" transform="rotate(-37.302 12.46 15.124)"/><g filter="url(#iXoF9Ad)"><path stroke="url(#iaeI7nd)" stroke-linecap="round" stroke-width="1.9" d="M13.133 22.544c.279.532 1.249 1.555 2.806 1.555s2.55-1.023 2.89-1.555"/></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="it3djoe" cx="0" cy="0" r="1" gradientTransform="matrix(.31769 -.67774 1.83594 .8606 9.855 21.05)" gradientUnits="userSpaceOnUse"><stop stop-color="#4C5FE0"/><stop offset="1" stop-color="#4C5FE0" stop-opacity="0"/></radialGradient><radialGradient id="iDaKjzc" cx="0" cy="0" r="1" gradientTransform="rotate(133.002 8.21 15.12)scale(1.90151 1.69016)" gradientUnits="userSpaceOnUse"><stop stop-color="#5596FF"/><stop offset="1" stop-color="#5596FF" stop-opacity="0"/></radialGradient><radialGradient id="i19oV1k" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.09367 -3 0 20.914 19.037)" gradientUnits="userSpaceOnUse"><stop stop-color="#3D7FFF"/><stop offset="1" stop-color="#4377FF" stop-opacity="0"/></radialGradient><radialGradient id="iUhPfOb" cx="0" cy="0" r="1" gradientTransform="rotate(-70.172 22.525 -6.898)scale(2.96206 3.64293)" gradientUnits="userSpaceOnUse"><stop offset=".135" stop-color="#FAF9F9" stop-opacity="0"/><stop offset="1" stop-color="#FAF9F9"/></radialGradient><radialGradient id="i9lQMhe" cx="0" cy="0" r="1" gradientTransform="rotate(-70.172 17.494 .264)scale(2.96206 3.64293)" gradientUnits="userSpaceOnUse"><stop offset=".135" stop-color="#FAF9F9" stop-opacity="0"/><stop offset="1" stop-color="#FAF9F9"/></radialGradient><radialGradient id="iaeI7nd" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.71875 -4.53629 0 15.98 21.974)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#4A3842"/><stop offset="1" stop-color="#542661"/></radialGradient><filter id="iiC5Dte" width="7.78" height="3.4" x="6.831" y="18.637" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy="-.4"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.317647 0 0 0 0 0.380392 0 0 0 0 0.843137 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_14396_1079"/></filter><filter id="i8xx88d" width="7.78" height="3.25" x="17.75" y="18.787" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy="-.25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.207843 0 0 0 0 0.352941 0 0 0 0 0.901961 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_14396_1079"/></filter><filter id="i7mSkiP" width="6.781" height="6.526" x="5.098" y="6.892" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_14396_1079" stdDeviation=".5"/></filter><filter id="ijedJzd" width="6.781" height="6.526" x="19.646" y="6.892" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_14396_1079" stdDeviation=".5"/></filter><filter id="iazDjBe" width="5.481" height="5.227" x="5.948" y="7.04" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy=".4"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.298039 0 0 0 0 0.211765 0 0 0 0 0.211765 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_14396_1079"/></filter><filter id="iaDAA3d" width="5.481" height="5.227" x="20.532" y="7.04" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.4" dy=".4"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.368627 0 0 0 0 0.309804 0 0 0 0 0.309804 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_14396_1079"/></filter><filter id="iXoF9Ad" width="7.996" height="3.955" x="12.183" y="21.594" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".4" dy=".5"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.266667 0 0 0 0 0.196078 0 0 0 0 0.215686 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_14396_1079"/></filter><linearGradient id="iZMWKRd" x1="10.379" x2="8.489" y1="7.707" y2="11.918" gradientUnits="userSpaceOnUse"><stop stop-color="#CE8D24"/><stop offset="1" stop-color="#D39522"/></linearGradient><linearGradient id="iAnKqNe" x1="21.146" x2="23.601" y1="7.707" y2="12.021" gradientUnits="userSpaceOnUse"><stop stop-color="#D48C0E"/><stop offset="1" stop-color="#D59116"/></linearGradient></defs></g></svg>How to use the Face Holding Back Tears icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:face-holding-back-tears" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:face-holding-back-tears" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:face-holding-back-tears" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--face-holding-back-tears]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:face-holding-back-tears"></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-holding-back-tears"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji/face-holding-back-tears.svg" alt="Face Holding Back Tears icon" width="24" height="24">Related icons in Fluent Emoji
face-blowing-a-kiss
face-exhaling
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-monocle
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
Face Holding Back Tears icon in other icon sets
Face Holding Back Tears icon FAQ
Is the Face Holding Back Tears 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 Holding Back Tears icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji:face-holding-back-tears" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Face Holding Back Tears icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/face-holding-back-tears.svg" alt="Face Holding Back Tears icon">, or paste the SVG code inline to style it with CSS.