smiling face with tear emoji

smiling-face-with-tear from Noto Emoji by Google Inc · Default · Smileys & Emotion · Apache-2.0 Free for personal and commercial use.

Name
smiling-face-with-tear
Set
Noto Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

smiling-face-with-tearFluent Emojismiling-face-with-tearFluent Emoji Flatsmiling-face-with-tearFluent Emoji High Contrastsmiling-face-with-tearOpenMojismiling-face-with-tearTwitter Emoji

More smileys & emotion icons from Noto Emoji

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecracking-facecrying-cat

Use the smiling face with tear emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGzLaS2dSx" cx="64" cy="-2936" r="56.96" fx="64" fy="-2936" gradientTransform="matrix(1 0 0 -1 0 -2872)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient><radialGradient id="SVG6o3UVdTG" cx="38.63" cy="351.65" r="26.42" fx="38.63" fy="351.65" gradientTransform="matrix(1 0 0 1.54 0 -471.05)" gradientUnits="userSpaceOnUse"><stop offset=".46" stop-color="#29b6f6"/><stop offset="1" stop-color="#1e88e5"/></radialGradient></defs><g stroke-width="0"><path fill="url(#SVGzLaS2dSx)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#422b0d" d="M63.96 92.71c-10.69 0-19.15-5.07-23.82-10.48c-.47-.54-.58-1.28-.28-1.92c.3-.65.94-1.08 1.65-1.08c.32 0 .63.09.92.25c4.81 2.77 12.88 6.21 21.51 6.21h.14c8.63 0 16.7-3.43 21.51-6.21c.29-.16.6-.25.92-.25c.7 0 1.35.43 1.65 1.08a1.8 1.8 0 0 1-.28 1.92c-4.67 5.42-13.13 10.48-23.82 10.48M44.82 42.04c-4.19 0-8 3.54-8 9.42s3.81 9.42 8 9.42s8-3.54 8-9.42s-3.81-9.42-8-9.42"/><path fill="#896024" d="M44.43 45.97c-1.03-.72-2.58-.49-3.58.95c-1 1.45-.67 2.97.36 3.69s2.58.49 3.58-.95s.67-2.97-.36-3.69"/><path fill="#422b0d" d="M83.18 42.04c-4.19 0-8 3.54-8 9.42s3.81 9.42 8 9.42s8-3.54 8-9.42s-3.81-9.42-8-9.42"/><path fill="#896024" d="M82.79 45.97c-1.03-.72-2.58-.49-3.58.95s-.67 2.97.36 3.69s2.58.49 3.58-.95s.67-2.97-.36-3.69"/><g stroke-width="0"><path fill="url(#SVG6o3UVdTG)" d="M37.81 105.6c-6.5 0-11.5-6.3-11.5-11.7c0-3.8 1.7-8.2 4.1-14.3c.3-.9.7-1.8 1.1-2.8c1.4-3.6 3-7.2 4.8-10.6c.4-.7 1.2-1 1.9-.7c.3.1.5.4.7.7c1.5 3.1 3.2 6.9 4.9 10.8c4.2 9.4 5.4 13.2 5.4 17c.1 5.3-5 11.6-11.4 11.6"/><path fill="#a1ebff" d="M30.14 93.13c1.32 3.31 4.56 2.43 5.22-.67c.49-2.32-.72-8.97-1.2-10.26s-1.77-1-2.4.67c-.53 1.39-2.93 6.98-1.62 10.27Z"/></g></svg>

React

import type { SVGProps } from "react";

export function NotoSmilingFaceWithTear(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGzLaS2dSx" cx="64" cy="-2936" r="56.96" fx="64" fy="-2936" gradientTransform="matrix(1 0 0 -1 0 -2872)" gradientUnits="userSpaceOnUse"><stop offset=".5" stopColor="#fde030"/><stop offset=".92" stopColor="#f7c02b"/><stop offset="1" stopColor="#f4a223"/></radialGradient><radialGradient id="SVG6o3UVdTG" cx="38.63" cy="351.65" r="26.42" fx="38.63" fy="351.65" gradientTransform="matrix(1 0 0 1.54 0 -471.05)" gradientUnits="userSpaceOnUse"><stop offset=".46" stopColor="#29b6f6"/><stop offset="1" stopColor="#1e88e5"/></radialGradient></defs><g strokeWidth="0"><path fill="url(#SVGzLaS2dSx)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#422b0d" d="M63.96 92.71c-10.69 0-19.15-5.07-23.82-10.48c-.47-.54-.58-1.28-.28-1.92c.3-.65.94-1.08 1.65-1.08c.32 0 .63.09.92.25c4.81 2.77 12.88 6.21 21.51 6.21h.14c8.63 0 16.7-3.43 21.51-6.21c.29-.16.6-.25.92-.25c.7 0 1.35.43 1.65 1.08a1.8 1.8 0 0 1-.28 1.92c-4.67 5.42-13.13 10.48-23.82 10.48M44.82 42.04c-4.19 0-8 3.54-8 9.42s3.81 9.42 8 9.42s8-3.54 8-9.42s-3.81-9.42-8-9.42"/><path fill="#896024" d="M44.43 45.97c-1.03-.72-2.58-.49-3.58.95c-1 1.45-.67 2.97.36 3.69s2.58.49 3.58-.95s.67-2.97-.36-3.69"/><path fill="#422b0d" d="M83.18 42.04c-4.19 0-8 3.54-8 9.42s3.81 9.42 8 9.42s8-3.54 8-9.42s-3.81-9.42-8-9.42"/><path fill="#896024" d="M82.79 45.97c-1.03-.72-2.58-.49-3.58.95s-.67 2.97.36 3.69s2.58.49 3.58-.95s.67-2.97-.36-3.69"/><g strokeWidth="0"><path fill="url(#SVG6o3UVdTG)" d="M37.81 105.6c-6.5 0-11.5-6.3-11.5-11.7c0-3.8 1.7-8.2 4.1-14.3c.3-.9.7-1.8 1.1-2.8c1.4-3.6 3-7.2 4.8-10.6c.4-.7 1.2-1 1.9-.7c.3.1.5.4.7.7c1.5 3.1 3.2 6.9 4.9 10.8c4.2 9.4 5.4 13.2 5.4 17c.1 5.3-5 11.6-11.4 11.6"/><path fill="#a1ebff" d="M30.14 93.13c1.32 3.31 4.56 2.43 5.22-.67c.49-2.32-.72-8.97-1.2-10.26s-1.77-1-2.4.67c-.53 1.39-2.93 6.98-1.62 10.27Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGzLaS2dSx" cx="64" cy="-2936" r="56.96" fx="64" fy="-2936" gradientTransform="matrix(1 0 0 -1 0 -2872)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient><radialGradient id="SVG6o3UVdTG" cx="38.63" cy="351.65" r="26.42" fx="38.63" fy="351.65" gradientTransform="matrix(1 0 0 1.54 0 -471.05)" gradientUnits="userSpaceOnUse"><stop offset=".46" stop-color="#29b6f6"/><stop offset="1" stop-color="#1e88e5"/></radialGradient></defs><g stroke-width="0"><path fill="url(#SVGzLaS2dSx)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#422b0d" d="M63.96 92.71c-10.69 0-19.15-5.07-23.82-10.48c-.47-.54-.58-1.28-.28-1.92c.3-.65.94-1.08 1.65-1.08c.32 0 .63.09.92.25c4.81 2.77 12.88 6.21 21.51 6.21h.14c8.63 0 16.7-3.43 21.51-6.21c.29-.16.6-.25.92-.25c.7 0 1.35.43 1.65 1.08a1.8 1.8 0 0 1-.28 1.92c-4.67 5.42-13.13 10.48-23.82 10.48M44.82 42.04c-4.19 0-8 3.54-8 9.42s3.81 9.42 8 9.42s8-3.54 8-9.42s-3.81-9.42-8-9.42"/><path fill="#896024" d="M44.43 45.97c-1.03-.72-2.58-.49-3.58.95c-1 1.45-.67 2.97.36 3.69s2.58.49 3.58-.95s.67-2.97-.36-3.69"/><path fill="#422b0d" d="M83.18 42.04c-4.19 0-8 3.54-8 9.42s3.81 9.42 8 9.42s8-3.54 8-9.42s-3.81-9.42-8-9.42"/><path fill="#896024" d="M82.79 45.97c-1.03-.72-2.58-.49-3.58.95s-.67 2.97.36 3.69s2.58.49 3.58-.95s.67-2.97-.36-3.69"/><g stroke-width="0"><path fill="url(#SVG6o3UVdTG)" d="M37.81 105.6c-6.5 0-11.5-6.3-11.5-11.7c0-3.8 1.7-8.2 4.1-14.3c.3-.9.7-1.8 1.1-2.8c1.4-3.6 3-7.2 4.8-10.6c.4-.7 1.2-1 1.9-.7c.3.1.5.4.7.7c1.5 3.1 3.2 6.9 4.9 10.8c4.2 9.4 5.4 13.2 5.4 17c.1 5.3-5 11.6-11.4 11.6"/><path fill="#a1ebff" d="M30.14 93.13c1.32 3.31 4.56 2.43 5.22-.67c.49-2.32-.72-8.97-1.2-10.26s-1.77-1-2.4.67c-.53 1.39-2.93 6.98-1.62 10.27Z"/></g></svg>
</template>

CSS

.icon-smiling-face-with-tear {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGzLaS2dSx%22%20cx%3D%2264%22%20cy%3D%22-2936%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-2936%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-2872)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde030%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%23f7c02b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4a223%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVG6o3UVdTG%22%20cx%3D%2238.63%22%20cy%3D%22351.65%22%20r%3D%2226.42%22%20fx%3D%2238.63%22%20fy%3D%22351.65%22%20gradientTransform%3D%22matrix(1%200%200%201.54%200%20-471.05)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%2329b6f6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231e88e5%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22url(%23SVGzLaS2dSx)%22%20d%3D%22M64%20119.9c-27.9%200-58-17.5-58-55.9S36.1%208.1%2064%208.1c15.5%200%2029.8%205.1%2040.4%2014.4C115.9%2032.7%20122%2047.1%20122%2064s-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5%22%2F%3E%3Cpath%20fill%3D%22%23eb8f00%22%20d%3D%22M111.89%2030.77C117.22%2039.37%20120%2049.61%20120%2061c0%2016.9-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5c-18.06%200-37.04-7.35-48.18-22.94C24.58%20111.62%2044.81%20119.9%2064%20119.9c15.4%200%2029.8-5.2%2040.4-14.5C115.9%2095.2%20122%2080.9%20122%2064c0-12.74-3.47-24.06-10.11-33.23%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M63.96%2092.71c-10.69%200-19.15-5.07-23.82-10.48c-.47-.54-.58-1.28-.28-1.92c.3-.65.94-1.08%201.65-1.08c.32%200%20.63.09.92.25c4.81%202.77%2012.88%206.21%2021.51%206.21h.14c8.63%200%2016.7-3.43%2021.51-6.21c.29-.16.6-.25.92-.25c.7%200%201.35.43%201.65%201.08a1.8%201.8%200%200%201-.28%201.92c-4.67%205.42-13.13%2010.48-23.82%2010.48M44.82%2042.04c-4.19%200-8%203.54-8%209.42s3.81%209.42%208%209.42s8-3.54%208-9.42s-3.81-9.42-8-9.42%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M44.43%2045.97c-1.03-.72-2.58-.49-3.58.95c-1%201.45-.67%202.97.36%203.69s2.58.49%203.58-.95s.67-2.97-.36-3.69%22%2F%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M83.18%2042.04c-4.19%200-8%203.54-8%209.42s3.81%209.42%208%209.42s8-3.54%208-9.42s-3.81-9.42-8-9.42%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M82.79%2045.97c-1.03-.72-2.58-.49-3.58.95s-.67%202.97.36%203.69s2.58.49%203.58-.95s.67-2.97-.36-3.69%22%2F%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22url(%23SVG6o3UVdTG)%22%20d%3D%22M37.81%20105.6c-6.5%200-11.5-6.3-11.5-11.7c0-3.8%201.7-8.2%204.1-14.3c.3-.9.7-1.8%201.1-2.8c1.4-3.6%203-7.2%204.8-10.6c.4-.7%201.2-1%201.9-.7c.3.1.5.4.7.7c1.5%203.1%203.2%206.9%204.9%2010.8c4.2%209.4%205.4%2013.2%205.4%2017c.1%205.3-5%2011.6-11.4%2011.6%22%2F%3E%3Cpath%20fill%3D%22%23a1ebff%22%20d%3D%22M30.14%2093.13c1.32%203.31%204.56%202.43%205.22-.67c.49-2.32-.72-8.97-1.2-10.26s-1.77-1-2.4.67c-.53%201.39-2.93%206.98-1.62%2010.27Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGzLaS2dSx%22%20cx%3D%2264%22%20cy%3D%22-2936%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-2936%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-2872)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde030%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%23f7c02b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4a223%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVG6o3UVdTG%22%20cx%3D%2238.63%22%20cy%3D%22351.65%22%20r%3D%2226.42%22%20fx%3D%2238.63%22%20fy%3D%22351.65%22%20gradientTransform%3D%22matrix(1%200%200%201.54%200%20-471.05)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.46%22%20stop-color%3D%22%2329b6f6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231e88e5%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22url(%23SVGzLaS2dSx)%22%20d%3D%22M64%20119.9c-27.9%200-58-17.5-58-55.9S36.1%208.1%2064%208.1c15.5%200%2029.8%205.1%2040.4%2014.4C115.9%2032.7%20122%2047.1%20122%2064s-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5%22%2F%3E%3Cpath%20fill%3D%22%23eb8f00%22%20d%3D%22M111.89%2030.77C117.22%2039.37%20120%2049.61%20120%2061c0%2016.9-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5c-18.06%200-37.04-7.35-48.18-22.94C24.58%20111.62%2044.81%20119.9%2064%20119.9c15.4%200%2029.8-5.2%2040.4-14.5C115.9%2095.2%20122%2080.9%20122%2064c0-12.74-3.47-24.06-10.11-33.23%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M63.96%2092.71c-10.69%200-19.15-5.07-23.82-10.48c-.47-.54-.58-1.28-.28-1.92c.3-.65.94-1.08%201.65-1.08c.32%200%20.63.09.92.25c4.81%202.77%2012.88%206.21%2021.51%206.21h.14c8.63%200%2016.7-3.43%2021.51-6.21c.29-.16.6-.25.92-.25c.7%200%201.35.43%201.65%201.08a1.8%201.8%200%200%201-.28%201.92c-4.67%205.42-13.13%2010.48-23.82%2010.48M44.82%2042.04c-4.19%200-8%203.54-8%209.42s3.81%209.42%208%209.42s8-3.54%208-9.42s-3.81-9.42-8-9.42%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M44.43%2045.97c-1.03-.72-2.58-.49-3.58.95c-1%201.45-.67%202.97.36%203.69s2.58.49%203.58-.95s.67-2.97-.36-3.69%22%2F%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M83.18%2042.04c-4.19%200-8%203.54-8%209.42s3.81%209.42%208%209.42s8-3.54%208-9.42s-3.81-9.42-8-9.42%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M82.79%2045.97c-1.03-.72-2.58-.49-3.58.95s-.67%202.97.36%203.69s2.58.49%203.58-.95s.67-2.97-.36-3.69%22%2F%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22url(%23SVG6o3UVdTG)%22%20d%3D%22M37.81%20105.6c-6.5%200-11.5-6.3-11.5-11.7c0-3.8%201.7-8.2%204.1-14.3c.3-.9.7-1.8%201.1-2.8c1.4-3.6%203-7.2%204.8-10.6c.4-.7%201.2-1%201.9-.7c.3.1.5.4.7.7c1.5%203.1%203.2%206.9%204.9%2010.8c4.2%209.4%205.4%2013.2%205.4%2017c.1%205.3-5%2011.6-11.4%2011.6%22%2F%3E%3Cpath%20fill%3D%22%23a1ebff%22%20d%3D%22M30.14%2093.13c1.32%203.31%204.56%202.43%205.22-.67c.49-2.32-.72-8.97-1.2-10.26s-1.77-1-2.4.67c-.53%201.39-2.93%206.98-1.62%2010.27Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/smiling-face-with-tear.svg?color=%231a73e8&size=48