face with tears of joy emoji

face-with-tears-of-joy from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.

Name
face-with-tears-of-joy
Set
Twitter Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

face-with-tears-of-joyEmoji One (Colored)face-with-tears-of-joyFluent Emojiface-with-tears-of-joyFluent Emoji Flatface-with-tears-of-joyFluent Emoji High Contrastface-with-tears-of-joyNoto Emojiface-with-tears-of-joyOpenMojiface-with-tears-of-joyStreamline Emojis

More smileys & emotion icons from Twitter 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-facecrying-catcrying-face

Use the face with tears of joy emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M36 18c0 9.941-8.059 18-18 18c-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18"/><path fill="#664500" d="M28.457 17.797c-.06-.135-1.499-3.297-4.457-3.297s-4.397 3.162-4.457 3.297a.503.503 0 0 0 .755.605c.012-.009 1.262-.902 3.702-.902c2.426 0 3.674.881 3.702.901a.498.498 0 0 0 .755-.604m-12 0c-.06-.135-1.499-3.297-4.457-3.297s-4.397 3.162-4.457 3.297a.499.499 0 0 0 .754.605C8.31 18.393 9.559 17.5 12 17.5c2.426 0 3.674.881 3.702.901a.498.498 0 0 0 .755-.604M31 16c-.396 0-.772-.238-.929-.629c-1.778-4.445-6.223-5.381-6.268-5.391a1 1 0 1 1 .393-1.961c.226.045 5.556 1.168 7.732 6.608A1 1 0 0 1 31 16M5 16a1 1 0 0 1-.928-1.372c2.176-5.44 7.506-6.563 7.732-6.608a1 1 0 0 1 .396 1.96c-.185.038-4.506.98-6.271 5.391A1 1 0 0 1 5 16m13 6c-3.623 0-6.027-.422-9-1c-.679-.131-2 0-2 2c0 4 4.595 9 11 9c6.404 0 11-5 11-9c0-2-1.321-2.132-2-2c-2.973.578-5.377 1-9 1"/><path fill="#fff" d="M9 23s3 1 9 1s9-1 9-1s-2 4-9 4s-9-4-9-4"/><path fill="#5dadec" d="M10.847 28.229a5 5 0 0 1-9.693-2.461c.679-2.677 6.337-8.708 7.307-8.462s3.065 8.247 2.386 10.923m14.286 0a5 5 0 0 0 6.077 3.615a5 5 0 0 0 3.616-6.076c-.68-2.677-6.338-8.708-7.308-8.462c-.968.247-3.064 8.247-2.385 10.923"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiFaceWithTearsOfJoy(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M36 18c0 9.941-8.059 18-18 18c-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18"/><path fill="#664500" d="M28.457 17.797c-.06-.135-1.499-3.297-4.457-3.297s-4.397 3.162-4.457 3.297a.503.503 0 0 0 .755.605c.012-.009 1.262-.902 3.702-.902c2.426 0 3.674.881 3.702.901a.498.498 0 0 0 .755-.604m-12 0c-.06-.135-1.499-3.297-4.457-3.297s-4.397 3.162-4.457 3.297a.499.499 0 0 0 .754.605C8.31 18.393 9.559 17.5 12 17.5c2.426 0 3.674.881 3.702.901a.498.498 0 0 0 .755-.604M31 16c-.396 0-.772-.238-.929-.629c-1.778-4.445-6.223-5.381-6.268-5.391a1 1 0 1 1 .393-1.961c.226.045 5.556 1.168 7.732 6.608A1 1 0 0 1 31 16M5 16a1 1 0 0 1-.928-1.372c2.176-5.44 7.506-6.563 7.732-6.608a1 1 0 0 1 .396 1.96c-.185.038-4.506.98-6.271 5.391A1 1 0 0 1 5 16m13 6c-3.623 0-6.027-.422-9-1c-.679-.131-2 0-2 2c0 4 4.595 9 11 9c6.404 0 11-5 11-9c0-2-1.321-2.132-2-2c-2.973.578-5.377 1-9 1"/><path fill="#fff" d="M9 23s3 1 9 1s9-1 9-1s-2 4-9 4s-9-4-9-4"/><path fill="#5dadec" d="M10.847 28.229a5 5 0 0 1-9.693-2.461c.679-2.677 6.337-8.708 7.307-8.462s3.065 8.247 2.386 10.923m14.286 0a5 5 0 0 0 6.077 3.615a5 5 0 0 0 3.616-6.076c-.68-2.677-6.338-8.708-7.308-8.462c-.968.247-3.064 8.247-2.385 10.923"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M36 18c0 9.941-8.059 18-18 18c-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18"/><path fill="#664500" d="M28.457 17.797c-.06-.135-1.499-3.297-4.457-3.297s-4.397 3.162-4.457 3.297a.503.503 0 0 0 .755.605c.012-.009 1.262-.902 3.702-.902c2.426 0 3.674.881 3.702.901a.498.498 0 0 0 .755-.604m-12 0c-.06-.135-1.499-3.297-4.457-3.297s-4.397 3.162-4.457 3.297a.499.499 0 0 0 .754.605C8.31 18.393 9.559 17.5 12 17.5c2.426 0 3.674.881 3.702.901a.498.498 0 0 0 .755-.604M31 16c-.396 0-.772-.238-.929-.629c-1.778-4.445-6.223-5.381-6.268-5.391a1 1 0 1 1 .393-1.961c.226.045 5.556 1.168 7.732 6.608A1 1 0 0 1 31 16M5 16a1 1 0 0 1-.928-1.372c2.176-5.44 7.506-6.563 7.732-6.608a1 1 0 0 1 .396 1.96c-.185.038-4.506.98-6.271 5.391A1 1 0 0 1 5 16m13 6c-3.623 0-6.027-.422-9-1c-.679-.131-2 0-2 2c0 4 4.595 9 11 9c6.404 0 11-5 11-9c0-2-1.321-2.132-2-2c-2.973.578-5.377 1-9 1"/><path fill="#fff" d="M9 23s3 1 9 1s9-1 9-1s-2 4-9 4s-9-4-9-4"/><path fill="#5dadec" d="M10.847 28.229a5 5 0 0 1-9.693-2.461c.679-2.677 6.337-8.708 7.307-8.462s3.065 8.247 2.386 10.923m14.286 0a5 5 0 0 0 6.077 3.615a5 5 0 0 0 3.616-6.076c-.68-2.677-6.338-8.708-7.308-8.462c-.968.247-3.064 8.247-2.385 10.923"/></svg>
</template>

CSS

.icon-face-with-tears-of-joy {
  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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M36%2018c0%209.941-8.059%2018-18%2018c-9.94%200-18-8.059-18-18C0%208.06%208.06%200%2018%200c9.941%200%2018%208.06%2018%2018%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M28.457%2017.797c-.06-.135-1.499-3.297-4.457-3.297s-4.397%203.162-4.457%203.297a.503.503%200%200%200%20.755.605c.012-.009%201.262-.902%203.702-.902c2.426%200%203.674.881%203.702.901a.498.498%200%200%200%20.755-.604m-12%200c-.06-.135-1.499-3.297-4.457-3.297s-4.397%203.162-4.457%203.297a.499.499%200%200%200%20.754.605C8.31%2018.393%209.559%2017.5%2012%2017.5c2.426%200%203.674.881%203.702.901a.498.498%200%200%200%20.755-.604M31%2016c-.396%200-.772-.238-.929-.629c-1.778-4.445-6.223-5.381-6.268-5.391a1%201%200%201%201%20.393-1.961c.226.045%205.556%201.168%207.732%206.608A1%201%200%200%201%2031%2016M5%2016a1%201%200%200%201-.928-1.372c2.176-5.44%207.506-6.563%207.732-6.608a1%201%200%200%201%20.396%201.96c-.185.038-4.506.98-6.271%205.391A1%201%200%200%201%205%2016m13%206c-3.623%200-6.027-.422-9-1c-.679-.131-2%200-2%202c0%204%204.595%209%2011%209c6.404%200%2011-5%2011-9c0-2-1.321-2.132-2-2c-2.973.578-5.377%201-9%201%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9%2023s3%201%209%201s9-1%209-1s-2%204-9%204s-9-4-9-4%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22M10.847%2028.229a5%205%200%200%201-9.693-2.461c.679-2.677%206.337-8.708%207.307-8.462s3.065%208.247%202.386%2010.923m14.286%200a5%205%200%200%200%206.077%203.615a5%205%200%200%200%203.616-6.076c-.68-2.677-6.338-8.708-7.308-8.462c-.968.247-3.064%208.247-2.385%2010.923%22%2F%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M36%2018c0%209.941-8.059%2018-18%2018c-9.94%200-18-8.059-18-18C0%208.06%208.06%200%2018%200c9.941%200%2018%208.06%2018%2018%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M28.457%2017.797c-.06-.135-1.499-3.297-4.457-3.297s-4.397%203.162-4.457%203.297a.503.503%200%200%200%20.755.605c.012-.009%201.262-.902%203.702-.902c2.426%200%203.674.881%203.702.901a.498.498%200%200%200%20.755-.604m-12%200c-.06-.135-1.499-3.297-4.457-3.297s-4.397%203.162-4.457%203.297a.499.499%200%200%200%20.754.605C8.31%2018.393%209.559%2017.5%2012%2017.5c2.426%200%203.674.881%203.702.901a.498.498%200%200%200%20.755-.604M31%2016c-.396%200-.772-.238-.929-.629c-1.778-4.445-6.223-5.381-6.268-5.391a1%201%200%201%201%20.393-1.961c.226.045%205.556%201.168%207.732%206.608A1%201%200%200%201%2031%2016M5%2016a1%201%200%200%201-.928-1.372c2.176-5.44%207.506-6.563%207.732-6.608a1%201%200%200%201%20.396%201.96c-.185.038-4.506.98-6.271%205.391A1%201%200%200%201%205%2016m13%206c-3.623%200-6.027-.422-9-1c-.679-.131-2%200-2%202c0%204%204.595%209%2011%209c6.404%200%2011-5%2011-9c0-2-1.321-2.132-2-2c-2.973.578-5.377%201-9%201%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9%2023s3%201%209%201s9-1%209-1s-2%204-9%204s-9-4-9-4%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22M10.847%2028.229a5%205%200%200%201-9.693-2.461c.679-2.677%206.337-8.708%207.307-8.462s3.065%208.247%202.386%2010.923m14.286%200a5%205%200%200%200%206.077%203.615a5%205%200%200%200%203.616-6.076c-.68-2.677-6.338-8.708-7.308-8.462c-.968.247-3.064%208.247-2.385%2010.923%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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