face with tears of joy emoji

face-with-tears-of-joy from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.

Name
face-with-tears-of-joy
Set
Fluent Emoji High Contrast
Style
Default
Category
Smileys & Emotion
Viewbox
32×32
License
MIT

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-joyNoto Emojiface-with-tears-of-joyOpenMojiface-with-tears-of-joyStreamline Emojisface-with-tears-of-joyTwitter Emoji

More smileys & emotion icons from Fluent Emoji High Contrast

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

Use the face with tears of joy emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.235 6.778c-1.84 1.996-2.915 4.685-3.174 7.746l-2.053 2.053A20 20 0 0 1 1 16c0-4.061 1.226-7.821 3.763-10.576C7.313 2.654 11.095 1 16 1s8.686 1.654 11.235 4.423c2.537 2.755 3.764 6.515 3.764 10.576l-.003.332l-2.084-2.085c-.3-2.945-1.365-5.532-3.148-7.468C23.647 4.48 20.43 3 16 3S8.35 4.48 6.235 6.778M27.937 21.76a11.5 11.5 0 0 1-2.174 3.46c-2.116 2.298-5.333 3.778-9.764 3.778s-7.648-1.48-9.764-3.778a11.5 11.5 0 0 1-2.14-3.38a3.14 3.14 0 0 1-2.175-.092c.624 1.803 1.568 3.442 2.843 4.827c2.55 2.769 6.332 4.423 11.236 4.423s8.686-1.654 11.235-4.423c1.25-1.358 2.183-2.96 2.807-4.722a3.14 3.14 0 0 1-2.104-.094"/><path d="M22.669 16H9.58a3.1 3.1 0 0 1-.874 1.707l-1.21 1.211C8.302 21.547 10.424 25 16 25c5.712 0 7.8-3.626 8.561-6.274l-1.018-1.019A3.1 3.1 0 0 1 22.669 16M4.63 20.37L8 17a2.121 2.121 0 1 0-3-3l-3.37 3.37a2.121 2.121 0 0 0 3 3M24.25 17l3.37 3.37a2.121 2.121 0 1 0 3-3L27.25 14a2.121 2.121 0 0 0-3 3M9.349 10.413c-.21.227-.32.53-.367.778a1 1 0 0 1-1.964-.382c.089-.456.31-1.153.858-1.749C8.453 8.431 9.316 8 10.5 8c1.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-.742C11.47 10.222 11.142 10 10.5 10c-.653 0-.972.217-1.151.412m11.001.001c-.21.227-.32.53-.368.778a1 1 0 0 1-1.963-.382c.088-.456.31-1.153.857-1.749C19.453 8.431 20.316 8 21.5 8c1.196 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-.742C22.47 10.222 22.142 10 21.5 10c-.653 0-.971.217-1.15.412"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastFaceWithTearsOfJoy(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.235 6.778c-1.84 1.996-2.915 4.685-3.174 7.746l-2.053 2.053A20 20 0 0 1 1 16c0-4.061 1.226-7.821 3.763-10.576C7.313 2.654 11.095 1 16 1s8.686 1.654 11.235 4.423c2.537 2.755 3.764 6.515 3.764 10.576l-.003.332l-2.084-2.085c-.3-2.945-1.365-5.532-3.148-7.468C23.647 4.48 20.43 3 16 3S8.35 4.48 6.235 6.778M27.937 21.76a11.5 11.5 0 0 1-2.174 3.46c-2.116 2.298-5.333 3.778-9.764 3.778s-7.648-1.48-9.764-3.778a11.5 11.5 0 0 1-2.14-3.38a3.14 3.14 0 0 1-2.175-.092c.624 1.803 1.568 3.442 2.843 4.827c2.55 2.769 6.332 4.423 11.236 4.423s8.686-1.654 11.235-4.423c1.25-1.358 2.183-2.96 2.807-4.722a3.14 3.14 0 0 1-2.104-.094"/><path d="M22.669 16H9.58a3.1 3.1 0 0 1-.874 1.707l-1.21 1.211C8.302 21.547 10.424 25 16 25c5.712 0 7.8-3.626 8.561-6.274l-1.018-1.019A3.1 3.1 0 0 1 22.669 16M4.63 20.37L8 17a2.121 2.121 0 1 0-3-3l-3.37 3.37a2.121 2.121 0 0 0 3 3M24.25 17l3.37 3.37a2.121 2.121 0 1 0 3-3L27.25 14a2.121 2.121 0 0 0-3 3M9.349 10.413c-.21.227-.32.53-.367.778a1 1 0 0 1-1.964-.382c.089-.456.31-1.153.858-1.749C8.453 8.431 9.316 8 10.5 8c1.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-.742C11.47 10.222 11.142 10 10.5 10c-.653 0-.972.217-1.151.412m11.001.001c-.21.227-.32.53-.368.778a1 1 0 0 1-1.963-.382c.088-.456.31-1.153.857-1.749C19.453 8.431 20.316 8 21.5 8c1.196 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-.742C22.47 10.222 22.142 10 21.5 10c-.653 0-.971.217-1.15.412"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.235 6.778c-1.84 1.996-2.915 4.685-3.174 7.746l-2.053 2.053A20 20 0 0 1 1 16c0-4.061 1.226-7.821 3.763-10.576C7.313 2.654 11.095 1 16 1s8.686 1.654 11.235 4.423c2.537 2.755 3.764 6.515 3.764 10.576l-.003.332l-2.084-2.085c-.3-2.945-1.365-5.532-3.148-7.468C23.647 4.48 20.43 3 16 3S8.35 4.48 6.235 6.778M27.937 21.76a11.5 11.5 0 0 1-2.174 3.46c-2.116 2.298-5.333 3.778-9.764 3.778s-7.648-1.48-9.764-3.778a11.5 11.5 0 0 1-2.14-3.38a3.14 3.14 0 0 1-2.175-.092c.624 1.803 1.568 3.442 2.843 4.827c2.55 2.769 6.332 4.423 11.236 4.423s8.686-1.654 11.235-4.423c1.25-1.358 2.183-2.96 2.807-4.722a3.14 3.14 0 0 1-2.104-.094"/><path d="M22.669 16H9.58a3.1 3.1 0 0 1-.874 1.707l-1.21 1.211C8.302 21.547 10.424 25 16 25c5.712 0 7.8-3.626 8.561-6.274l-1.018-1.019A3.1 3.1 0 0 1 22.669 16M4.63 20.37L8 17a2.121 2.121 0 1 0-3-3l-3.37 3.37a2.121 2.121 0 0 0 3 3M24.25 17l3.37 3.37a2.121 2.121 0 1 0 3-3L27.25 14a2.121 2.121 0 0 0-3 3M9.349 10.413c-.21.227-.32.53-.367.778a1 1 0 0 1-1.964-.382c.089-.456.31-1.153.858-1.749C8.453 8.431 9.316 8 10.5 8c1.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-.742C11.47 10.222 11.142 10 10.5 10c-.653 0-.972.217-1.151.412m11.001.001c-.21.227-.32.53-.368.778a1 1 0 0 1-1.963-.382c.088-.456.31-1.153.857-1.749C19.453 8.431 20.316 8 21.5 8c1.196 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-.742C22.47 10.222 22.142 10 21.5 10c-.653 0-.971.217-1.15.412"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6.235%206.778c-1.84%201.996-2.915%204.685-3.174%207.746l-2.053%202.053A20%2020%200%200%201%201%2016c0-4.061%201.226-7.821%203.763-10.576C7.313%202.654%2011.095%201%2016%201s8.686%201.654%2011.235%204.423c2.537%202.755%203.764%206.515%203.764%2010.576l-.003.332l-2.084-2.085c-.3-2.945-1.365-5.532-3.148-7.468C23.647%204.48%2020.43%203%2016%203S8.35%204.48%206.235%206.778M27.937%2021.76a11.5%2011.5%200%200%201-2.174%203.46c-2.116%202.298-5.333%203.778-9.764%203.778s-7.648-1.48-9.764-3.778a11.5%2011.5%200%200%201-2.14-3.38a3.14%203.14%200%200%201-2.175-.092c.624%201.803%201.568%203.442%202.843%204.827c2.55%202.769%206.332%204.423%2011.236%204.423s8.686-1.654%2011.235-4.423c1.25-1.358%202.183-2.96%202.807-4.722a3.14%203.14%200%200%201-2.104-.094%22%2F%3E%3Cpath%20d%3D%22M22.669%2016H9.58a3.1%203.1%200%200%201-.874%201.707l-1.21%201.211C8.302%2021.547%2010.424%2025%2016%2025c5.712%200%207.8-3.626%208.561-6.274l-1.018-1.019A3.1%203.1%200%200%201%2022.669%2016M4.63%2020.37L8%2017a2.121%202.121%200%201%200-3-3l-3.37%203.37a2.121%202.121%200%200%200%203%203M24.25%2017l3.37%203.37a2.121%202.121%200%201%200%203-3L27.25%2014a2.121%202.121%200%200%200-3%203M9.349%2010.413c-.21.227-.32.53-.367.778a1%201%200%200%201-1.964-.382c.089-.456.31-1.153.858-1.749C8.453%208.431%209.316%208%2010.5%208c1.195%200%202.062.452%202.636%201.082c.544.597.77%201.292.85%201.747a1%201%200%200%201-1.971.342a1.55%201.55%200%200%200-.358-.742C11.47%2010.222%2011.142%2010%2010.5%2010c-.653%200-.972.217-1.151.412m11.001.001c-.21.227-.32.53-.368.778a1%201%200%200%201-1.963-.382c.088-.456.31-1.153.857-1.749C19.453%208.431%2020.316%208%2021.5%208c1.196%200%202.062.452%202.636%201.082c.544.597.77%201.292.85%201.747a1%201%200%200%201-1.971.342a1.55%201.55%200%200%200-.358-.742C22.47%2010.222%2022.142%2010%2021.5%2010c-.653%200-.971.217-1.15.412%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6.235%206.778c-1.84%201.996-2.915%204.685-3.174%207.746l-2.053%202.053A20%2020%200%200%201%201%2016c0-4.061%201.226-7.821%203.763-10.576C7.313%202.654%2011.095%201%2016%201s8.686%201.654%2011.235%204.423c2.537%202.755%203.764%206.515%203.764%2010.576l-.003.332l-2.084-2.085c-.3-2.945-1.365-5.532-3.148-7.468C23.647%204.48%2020.43%203%2016%203S8.35%204.48%206.235%206.778M27.937%2021.76a11.5%2011.5%200%200%201-2.174%203.46c-2.116%202.298-5.333%203.778-9.764%203.778s-7.648-1.48-9.764-3.778a11.5%2011.5%200%200%201-2.14-3.38a3.14%203.14%200%200%201-2.175-.092c.624%201.803%201.568%203.442%202.843%204.827c2.55%202.769%206.332%204.423%2011.236%204.423s8.686-1.654%2011.235-4.423c1.25-1.358%202.183-2.96%202.807-4.722a3.14%203.14%200%200%201-2.104-.094%22%2F%3E%3Cpath%20d%3D%22M22.669%2016H9.58a3.1%203.1%200%200%201-.874%201.707l-1.21%201.211C8.302%2021.547%2010.424%2025%2016%2025c5.712%200%207.8-3.626%208.561-6.274l-1.018-1.019A3.1%203.1%200%200%201%2022.669%2016M4.63%2020.37L8%2017a2.121%202.121%200%201%200-3-3l-3.37%203.37a2.121%202.121%200%200%200%203%203M24.25%2017l3.37%203.37a2.121%202.121%200%201%200%203-3L27.25%2014a2.121%202.121%200%200%200-3%203M9.349%2010.413c-.21.227-.32.53-.367.778a1%201%200%200%201-1.964-.382c.089-.456.31-1.153.858-1.749C8.453%208.431%209.316%208%2010.5%208c1.195%200%202.062.452%202.636%201.082c.544.597.77%201.292.85%201.747a1%201%200%200%201-1.971.342a1.55%201.55%200%200%200-.358-.742C11.47%2010.222%2011.142%2010%2010.5%2010c-.653%200-.972.217-1.151.412m11.001.001c-.21.227-.32.53-.368.778a1%201%200%200%201-1.963-.382c.088-.456.31-1.153.857-1.749C19.453%208.431%2020.316%208%2021.5%208c1.196%200%202.062.452%202.636%201.082c.544.597.77%201.292.85%201.747a1%201%200%200%201-1.971.342a1.55%201.55%200%200%200-.358-.742C22.47%2010.222%2022.142%2010%2021.5%2010c-.653%200-.971.217-1.15.412%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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