sad but relieved face emoji

sad-but-relieved-face from Emoji One (Colored) by Emoji One · Default · People · CC-BY-4.0 Attribution required.

Name
sad-but-relieved-face
Set
Emoji One (Colored)
Style
Default
Category
People
Viewbox
64×64
License
CC BY 4.0
Aliases
disappointed-but-relieved-face

The same emoji in other sets

sad-but-relieved-faceFluent Emojisad-but-relieved-faceFluent Emoji Flatsad-but-relieved-faceFluent Emoji High Contrastsad-but-relieved-faceNoto Emojisad-but-relieved-faceOpenMojisad-but-relieved-faceStreamline Emojissad-but-relieved-faceTwitter Emoji

More people icons from Emoji One (Colored)

alienalien-monsterangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upbeaming-face-with-smiling-eyesblond-haired-personboybride-with-veilbriefcasebust-in-silhouettebusts-in-silhouettecall-me-handcat-face-with-tears-of-joycat-face-with-wry-smileclapping-hands

Use the sad but relieved face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffdd67" d="M2 32c0 16.6 13.4 30 30 30s30-13.4 30-30S48.6 2 32 2S2 15.4 2 32"/><path fill="#65b1ef" d="M47.7 37.6c0 8.6 11.7 8.6 11.7 0c0-6.3-5.8-12.4-5.8-12.4s-5.9 6.1-5.9 12.4"/><g fill="#664e27"><circle cx="38.5" cy="35" r="5"/><circle cx="15.5" cy="35" r="5"/></g><path fill="#917524" d="M20.6 19.9c-3.2 2.7-7.5 3.9-11.7 3.1c-.6-.1-1.1 2-.4 2.2c4.8.9 9.8-.5 13.5-3.6c.5-.5-1-2.1-1.4-1.7m24.5 3c-4.2.7-8.5-.4-11.7-3.1c-.4-.4-2 1.2-1.4 1.7c3.7 3.2 8.7 4.5 13.5 3.6c.7-.2.2-2.3-.4-2.2"/><path fill="#664e27" d="M38.1 47.3c-5.8-1.5-12-.4-16.9 3c-1.2.9 1.1 4 2.3 3.2c3.2-2.3 8.4-3.8 13.7-2.4c1.3.3 2.4-3.3.9-3.8"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneSadButRelievedFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffdd67" d="M2 32c0 16.6 13.4 30 30 30s30-13.4 30-30S48.6 2 32 2S2 15.4 2 32"/><path fill="#65b1ef" d="M47.7 37.6c0 8.6 11.7 8.6 11.7 0c0-6.3-5.8-12.4-5.8-12.4s-5.9 6.1-5.9 12.4"/><g fill="#664e27"><circle cx="38.5" cy="35" r="5"/><circle cx="15.5" cy="35" r="5"/></g><path fill="#917524" d="M20.6 19.9c-3.2 2.7-7.5 3.9-11.7 3.1c-.6-.1-1.1 2-.4 2.2c4.8.9 9.8-.5 13.5-3.6c.5-.5-1-2.1-1.4-1.7m24.5 3c-4.2.7-8.5-.4-11.7-3.1c-.4-.4-2 1.2-1.4 1.7c3.7 3.2 8.7 4.5 13.5 3.6c.7-.2.2-2.3-.4-2.2"/><path fill="#664e27" d="M38.1 47.3c-5.8-1.5-12-.4-16.9 3c-1.2.9 1.1 4 2.3 3.2c3.2-2.3 8.4-3.8 13.7-2.4c1.3.3 2.4-3.3.9-3.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffdd67" d="M2 32c0 16.6 13.4 30 30 30s30-13.4 30-30S48.6 2 32 2S2 15.4 2 32"/><path fill="#65b1ef" d="M47.7 37.6c0 8.6 11.7 8.6 11.7 0c0-6.3-5.8-12.4-5.8-12.4s-5.9 6.1-5.9 12.4"/><g fill="#664e27"><circle cx="38.5" cy="35" r="5"/><circle cx="15.5" cy="35" r="5"/></g><path fill="#917524" d="M20.6 19.9c-3.2 2.7-7.5 3.9-11.7 3.1c-.6-.1-1.1 2-.4 2.2c4.8.9 9.8-.5 13.5-3.6c.5-.5-1-2.1-1.4-1.7m24.5 3c-4.2.7-8.5-.4-11.7-3.1c-.4-.4-2 1.2-1.4 1.7c3.7 3.2 8.7 4.5 13.5 3.6c.7-.2.2-2.3-.4-2.2"/><path fill="#664e27" d="M38.1 47.3c-5.8-1.5-12-.4-16.9 3c-1.2.9 1.1 4 2.3 3.2c3.2-2.3 8.4-3.8 13.7-2.4c1.3.3 2.4-3.3.9-3.8"/></svg>
</template>

CSS

.icon-sad-but-relieved-face {
  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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ffdd67%22%20d%3D%22M2%2032c0%2016.6%2013.4%2030%2030%2030s30-13.4%2030-30S48.6%202%2032%202S2%2015.4%202%2032%22%2F%3E%3Cpath%20fill%3D%22%2365b1ef%22%20d%3D%22M47.7%2037.6c0%208.6%2011.7%208.6%2011.7%200c0-6.3-5.8-12.4-5.8-12.4s-5.9%206.1-5.9%2012.4%22%2F%3E%3Cg%20fill%3D%22%23664e27%22%3E%3Ccircle%20cx%3D%2238.5%22%20cy%3D%2235%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2215.5%22%20cy%3D%2235%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23917524%22%20d%3D%22M20.6%2019.9c-3.2%202.7-7.5%203.9-11.7%203.1c-.6-.1-1.1%202-.4%202.2c4.8.9%209.8-.5%2013.5-3.6c.5-.5-1-2.1-1.4-1.7m24.5%203c-4.2.7-8.5-.4-11.7-3.1c-.4-.4-2%201.2-1.4%201.7c3.7%203.2%208.7%204.5%2013.5%203.6c.7-.2.2-2.3-.4-2.2%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M38.1%2047.3c-5.8-1.5-12-.4-16.9%203c-1.2.9%201.1%204%202.3%203.2c3.2-2.3%208.4-3.8%2013.7-2.4c1.3.3%202.4-3.3.9-3.8%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23ffdd67%22%20d%3D%22M2%2032c0%2016.6%2013.4%2030%2030%2030s30-13.4%2030-30S48.6%202%2032%202S2%2015.4%202%2032%22%2F%3E%3Cpath%20fill%3D%22%2365b1ef%22%20d%3D%22M47.7%2037.6c0%208.6%2011.7%208.6%2011.7%200c0-6.3-5.8-12.4-5.8-12.4s-5.9%206.1-5.9%2012.4%22%2F%3E%3Cg%20fill%3D%22%23664e27%22%3E%3Ccircle%20cx%3D%2238.5%22%20cy%3D%2235%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2215.5%22%20cy%3D%2235%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23917524%22%20d%3D%22M20.6%2019.9c-3.2%202.7-7.5%203.9-11.7%203.1c-.6-.1-1.1%202-.4%202.2c4.8.9%209.8-.5%2013.5-3.6c.5-.5-1-2.1-1.4-1.7m24.5%203c-4.2.7-8.5-.4-11.7-3.1c-.4-.4-2%201.2-1.4%201.7c3.7%203.2%208.7%204.5%2013.5%203.6c.7-.2.2-2.3-.4-2.2%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M38.1%2047.3c-5.8-1.5-12-.4-16.9%203c-1.2.9%201.1%204%202.3%203.2c3.2-2.3%208.4-3.8%2013.7-2.4c1.3.3%202.4-3.3.9-3.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/sad-but-relieved-face.svg?color=%231a73e8&size=48