sad but relieved face emoji
sad-but-relieved-face from OpenMoji by OpenMoji · Default · Smileys Emotion · CC-BY-SA-4.0 Attribution required.
- Name
- sad-but-relieved-face
- Set
- OpenMoji
- Style
- Default
- Category
- Smileys Emotion
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More smileys emotion icons from OpenMoji
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 sad but relieved face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M12.286 36a24 24 0 1 0 24-24a24.027 24.027 0 0 0-24 24"/><path fill="#92d3f5" d="M19.683 55.204q-.247 0-.495-.02a6.07 6.07 0 0 1-5.56-6.52c.388-4.867 5.223-9.021 5.428-9.196a1.9 1.9 0 0 1 1.42-.46a1.94 1.94 0 0 1 1.331.68c.44.52 4.28 5.194 3.902 9.935a6.02 6.02 0 0 1-2.109 4.133a6 6 0 0 1-3.917 1.448"/><path d="M48.285 35.174a3 3 0 1 1-3-3a3 3 0 0 1 3 3m-18 0a3 3 0 1 1-3-3a3 3 0 0 1 3 3"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M25.451 56.293a22.964 22.964 0 1 0-11.376-14.299"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M22.951 52.995a5.03 5.03 0 0 0 1.762-3.45c.353-4.436-3.503-9.014-3.667-9.207a.95.95 0 0 0-1.343-.107c-.193.165-4.724 4.076-5.078 8.513a5.06 5.06 0 0 0 8.327 4.251Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M42.786 46a12.45 12.45 0 0 0-6.843-1.853A10.4 10.4 0 0 0 29.786 46m21.636-19.702a7.4 7.4 0 0 1-5.304-.324a7.4 7.4 0 0 1-4.11-3.412m-20.823 3.725a8.44 8.44 0 0 0 9.413-3.718"/></svg>
React
import type { SVGProps } from "react";
export function OpenmojiSadButRelievedFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M12.286 36a24 24 0 1 0 24-24a24.027 24.027 0 0 0-24 24"/><path fill="#92d3f5" d="M19.683 55.204q-.247 0-.495-.02a6.07 6.07 0 0 1-5.56-6.52c.388-4.867 5.223-9.021 5.428-9.196a1.9 1.9 0 0 1 1.42-.46a1.94 1.94 0 0 1 1.331.68c.44.52 4.28 5.194 3.902 9.935a6.02 6.02 0 0 1-2.109 4.133a6 6 0 0 1-3.917 1.448"/><path d="M48.285 35.174a3 3 0 1 1-3-3a3 3 0 0 1 3 3m-18 0a3 3 0 1 1-3-3a3 3 0 0 1 3 3"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M25.451 56.293a22.964 22.964 0 1 0-11.376-14.299"/><path fill="none" stroke="#000" strokeMiterlimit="10" strokeWidth="2" d="M22.951 52.995a5.03 5.03 0 0 0 1.762-3.45c.353-4.436-3.503-9.014-3.667-9.207a.95.95 0 0 0-1.343-.107c-.193.165-4.724 4.076-5.078 8.513a5.06 5.06 0 0 0 8.327 4.251Z"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M42.786 46a12.45 12.45 0 0 0-6.843-1.853A10.4 10.4 0 0 0 29.786 46m21.636-19.702a7.4 7.4 0 0 1-5.304-.324a7.4 7.4 0 0 1-4.11-3.412m-20.823 3.725a8.44 8.44 0 0 0 9.413-3.718"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fcea2b" d="M12.286 36a24 24 0 1 0 24-24a24.027 24.027 0 0 0-24 24"/><path fill="#92d3f5" d="M19.683 55.204q-.247 0-.495-.02a6.07 6.07 0 0 1-5.56-6.52c.388-4.867 5.223-9.021 5.428-9.196a1.9 1.9 0 0 1 1.42-.46a1.94 1.94 0 0 1 1.331.68c.44.52 4.28 5.194 3.902 9.935a6.02 6.02 0 0 1-2.109 4.133a6 6 0 0 1-3.917 1.448"/><path d="M48.285 35.174a3 3 0 1 1-3-3a3 3 0 0 1 3 3m-18 0a3 3 0 1 1-3-3a3 3 0 0 1 3 3"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M25.451 56.293a22.964 22.964 0 1 0-11.376-14.299"/><path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2" d="M22.951 52.995a5.03 5.03 0 0 0 1.762-3.45c.353-4.436-3.503-9.014-3.667-9.207a.95.95 0 0 0-1.343-.107c-.193.165-4.724 4.076-5.078 8.513a5.06 5.06 0 0 0 8.327 4.251Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M42.786 46a12.45 12.45 0 0 0-6.843-1.853A10.4 10.4 0 0 0 29.786 46m21.636-19.702a7.4 7.4 0 0 1-5.304-.324a7.4 7.4 0 0 1-4.11-3.412m-20.823 3.725a8.44 8.44 0 0 0 9.413-3.718"/></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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M12.286%2036a24%2024%200%201%200%2024-24a24.027%2024.027%200%200%200-24%2024%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M19.683%2055.204q-.247%200-.495-.02a6.07%206.07%200%200%201-5.56-6.52c.388-4.867%205.223-9.021%205.428-9.196a1.9%201.9%200%200%201%201.42-.46a1.94%201.94%200%200%201%201.331.68c.44.52%204.28%205.194%203.902%209.935a6.02%206.02%200%200%201-2.109%204.133a6%206%200%200%201-3.917%201.448%22%2F%3E%3Cpath%20d%3D%22M48.285%2035.174a3%203%200%201%201-3-3a3%203%200%200%201%203%203m-18%200a3%203%200%201%201-3-3a3%203%200%200%201%203%203%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M25.451%2056.293a22.964%2022.964%200%201%200-11.376-14.299%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M22.951%2052.995a5.03%205.03%200%200%200%201.762-3.45c.353-4.436-3.503-9.014-3.667-9.207a.95.95%200%200%200-1.343-.107c-.193.165-4.724%204.076-5.078%208.513a5.06%205.06%200%200%200%208.327%204.251Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M42.786%2046a12.45%2012.45%200%200%200-6.843-1.853A10.4%2010.4%200%200%200%2029.786%2046m21.636-19.702a7.4%207.4%200%200%201-5.304-.324a7.4%207.4%200%200%201-4.11-3.412m-20.823%203.725a8.44%208.44%200%200%200%209.413-3.718%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M12.286%2036a24%2024%200%201%200%2024-24a24.027%2024.027%200%200%200-24%2024%22%2F%3E%3Cpath%20fill%3D%22%2392d3f5%22%20d%3D%22M19.683%2055.204q-.247%200-.495-.02a6.07%206.07%200%200%201-5.56-6.52c.388-4.867%205.223-9.021%205.428-9.196a1.9%201.9%200%200%201%201.42-.46a1.94%201.94%200%200%201%201.331.68c.44.52%204.28%205.194%203.902%209.935a6.02%206.02%200%200%201-2.109%204.133a6%206%200%200%201-3.917%201.448%22%2F%3E%3Cpath%20d%3D%22M48.285%2035.174a3%203%200%201%201-3-3a3%203%200%200%201%203%203m-18%200a3%203%200%201%201-3-3a3%203%200%200%201%203%203%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M25.451%2056.293a22.964%2022.964%200%201%200-11.376-14.299%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M22.951%2052.995a5.03%205.03%200%200%200%201.762-3.45c.353-4.436-3.503-9.014-3.667-9.207a.95.95%200%200%200-1.343-.107c-.193.165-4.724%204.076-5.078%208.513a5.06%205.06%200%200%200%208.327%204.251Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M42.786%2046a12.45%2012.45%200%200%200-6.843-1.853A10.4%2010.4%200%200%200%2029.786%2046m21.636-19.702a7.4%207.4%200%200%201-5.304-.324a7.4%207.4%200%200%201-4.11-3.412m-20.823%203.725a8.44%208.44%200%200%200%209.413-3.718%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/sad-but-relieved-face.svg?color=%231a73e8&size=48
