sad but relieved face emoji
sad-but-relieved-face from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.
- Name
- sad-but-relieved-face
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
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 sad but relieved face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M3.026 15.032c.178-3.271 1.269-6.148 3.209-8.254C8.35 4.48 11.568 3 15.999 3s7.648 1.48 9.764 3.778c2.129 2.311 3.235 5.55 3.235 9.22s-1.106 6.91-3.235 9.222c-2.116 2.298-5.333 3.778-9.764 3.778s-7.648-1.48-9.764-3.778a11 11 0 0 1-.238-.267a3.5 3.5 0 0 1-1.79.975q.267.333.556.647c2.55 2.769 6.332 4.423 11.236 4.423s8.686-1.654 11.235-4.423c2.537-2.755 3.764-6.515 3.764-10.576S29.77 8.178 27.234 5.423C24.684 2.654 20.903 1 16 1S7.313 2.654 4.763 5.423C2.226 8.178 1 11.938 1 15.999v.052a3.5 3.5 0 0 1 2.026-1.02"/><path d="M5.91 23.166A2.506 2.506 0 0 1 3.5 25A2.5 2.5 0 0 1 1 22.5v-4a2.501 2.501 0 1 1 5 0v4q0 .346-.09.666m5.097-16.75v.001l-.003.016l-.017.075a3.5 3.5 0 0 1-.574 1.192C9.936 8.335 9.08 9 7.5 9a.5.5 0 1 0 0 1c1.92 0 3.063-.835 3.713-1.7a4.5 4.5 0 0 0 .744-1.55l.026-.116l.007-.034l.002-.011v-.004l.001-.002a.5.5 0 0 0-.986-.167m9.989.017l-.003-.016a.5.5 0 0 0-.986.165c-.042-.149 0 .001 0 .001v.002l.001.004l.002.01l.002.014l.005.021l.026.116a4.5 4.5 0 0 0 .744 1.55c.65.865 1.793 1.7 3.713 1.7a.5.5 0 1 0 0-1c-1.58 0-2.437-.665-2.913-1.3a3.5 3.5 0 0 1-.574-1.192zM14 15a3 3 0 1 1-6 0a3 3 0 0 1 6 0m7 3a3 3 0 1 0 0-6a3 3 0 0 0 0 6m-8.707 5.707a1 1 0 0 1 0-1.414l.001-.002l.002-.001l.003-.003l.008-.008l.02-.02l.061-.055a3 3 0 0 1 .2-.16c.167-.126.405-.284.715-.439c.622-.31 1.524-.605 2.697-.605s2.075.294 2.697.605c.31.155.548.313.716.439a3 3 0 0 1 .26.215l.02.02l.008.008l.003.003l.002.001l.001.002a1 1 0 0 1-1.404 1.424l-.008-.007a2.7 2.7 0 0 0-.492-.315C17.425 23.204 16.827 23 16 23s-1.425.206-1.803.394a2.7 2.7 0 0 0-.492.316l-.008.007a1 1 0 0 1-1.404-.01"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastSadButRelievedFace(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="M3.026 15.032c.178-3.271 1.269-6.148 3.209-8.254C8.35 4.48 11.568 3 15.999 3s7.648 1.48 9.764 3.778c2.129 2.311 3.235 5.55 3.235 9.22s-1.106 6.91-3.235 9.222c-2.116 2.298-5.333 3.778-9.764 3.778s-7.648-1.48-9.764-3.778a11 11 0 0 1-.238-.267a3.5 3.5 0 0 1-1.79.975q.267.333.556.647c2.55 2.769 6.332 4.423 11.236 4.423s8.686-1.654 11.235-4.423c2.537-2.755 3.764-6.515 3.764-10.576S29.77 8.178 27.234 5.423C24.684 2.654 20.903 1 16 1S7.313 2.654 4.763 5.423C2.226 8.178 1 11.938 1 15.999v.052a3.5 3.5 0 0 1 2.026-1.02"/><path d="M5.91 23.166A2.506 2.506 0 0 1 3.5 25A2.5 2.5 0 0 1 1 22.5v-4a2.501 2.501 0 1 1 5 0v4q0 .346-.09.666m5.097-16.75v.001l-.003.016l-.017.075a3.5 3.5 0 0 1-.574 1.192C9.936 8.335 9.08 9 7.5 9a.5.5 0 1 0 0 1c1.92 0 3.063-.835 3.713-1.7a4.5 4.5 0 0 0 .744-1.55l.026-.116l.007-.034l.002-.011v-.004l.001-.002a.5.5 0 0 0-.986-.167m9.989.017l-.003-.016a.5.5 0 0 0-.986.165c-.042-.149 0 .001 0 .001v.002l.001.004l.002.01l.002.014l.005.021l.026.116a4.5 4.5 0 0 0 .744 1.55c.65.865 1.793 1.7 3.713 1.7a.5.5 0 1 0 0-1c-1.58 0-2.437-.665-2.913-1.3a3.5 3.5 0 0 1-.574-1.192zM14 15a3 3 0 1 1-6 0a3 3 0 0 1 6 0m7 3a3 3 0 1 0 0-6a3 3 0 0 0 0 6m-8.707 5.707a1 1 0 0 1 0-1.414l.001-.002l.002-.001l.003-.003l.008-.008l.02-.02l.061-.055a3 3 0 0 1 .2-.16c.167-.126.405-.284.715-.439c.622-.31 1.524-.605 2.697-.605s2.075.294 2.697.605c.31.155.548.313.716.439a3 3 0 0 1 .26.215l.02.02l.008.008l.003.003l.002.001l.001.002a1 1 0 0 1-1.404 1.424l-.008-.007a2.7 2.7 0 0 0-.492-.315C17.425 23.204 16.827 23 16 23s-1.425.206-1.803.394a2.7 2.7 0 0 0-.492.316l-.008.007a1 1 0 0 1-1.404-.01"/></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="M3.026 15.032c.178-3.271 1.269-6.148 3.209-8.254C8.35 4.48 11.568 3 15.999 3s7.648 1.48 9.764 3.778c2.129 2.311 3.235 5.55 3.235 9.22s-1.106 6.91-3.235 9.222c-2.116 2.298-5.333 3.778-9.764 3.778s-7.648-1.48-9.764-3.778a11 11 0 0 1-.238-.267a3.5 3.5 0 0 1-1.79.975q.267.333.556.647c2.55 2.769 6.332 4.423 11.236 4.423s8.686-1.654 11.235-4.423c2.537-2.755 3.764-6.515 3.764-10.576S29.77 8.178 27.234 5.423C24.684 2.654 20.903 1 16 1S7.313 2.654 4.763 5.423C2.226 8.178 1 11.938 1 15.999v.052a3.5 3.5 0 0 1 2.026-1.02"/><path d="M5.91 23.166A2.506 2.506 0 0 1 3.5 25A2.5 2.5 0 0 1 1 22.5v-4a2.501 2.501 0 1 1 5 0v4q0 .346-.09.666m5.097-16.75v.001l-.003.016l-.017.075a3.5 3.5 0 0 1-.574 1.192C9.936 8.335 9.08 9 7.5 9a.5.5 0 1 0 0 1c1.92 0 3.063-.835 3.713-1.7a4.5 4.5 0 0 0 .744-1.55l.026-.116l.007-.034l.002-.011v-.004l.001-.002a.5.5 0 0 0-.986-.167m9.989.017l-.003-.016a.5.5 0 0 0-.986.165c-.042-.149 0 .001 0 .001v.002l.001.004l.002.01l.002.014l.005.021l.026.116a4.5 4.5 0 0 0 .744 1.55c.65.865 1.793 1.7 3.713 1.7a.5.5 0 1 0 0-1c-1.58 0-2.437-.665-2.913-1.3a3.5 3.5 0 0 1-.574-1.192zM14 15a3 3 0 1 1-6 0a3 3 0 0 1 6 0m7 3a3 3 0 1 0 0-6a3 3 0 0 0 0 6m-8.707 5.707a1 1 0 0 1 0-1.414l.001-.002l.002-.001l.003-.003l.008-.008l.02-.02l.061-.055a3 3 0 0 1 .2-.16c.167-.126.405-.284.715-.439c.622-.31 1.524-.605 2.697-.605s2.075.294 2.697.605c.31.155.548.313.716.439a3 3 0 0 1 .26.215l.02.02l.008.008l.003.003l.002.001l.001.002a1 1 0 0 1-1.404 1.424l-.008-.007a2.7 2.7 0 0 0-.492-.315C17.425 23.204 16.827 23 16 23s-1.425.206-1.803.394a2.7 2.7 0 0 0-.492.316l-.008.007a1 1 0 0 1-1.404-.01"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M3.026%2015.032c.178-3.271%201.269-6.148%203.209-8.254C8.35%204.48%2011.568%203%2015.999%203s7.648%201.48%209.764%203.778c2.129%202.311%203.235%205.55%203.235%209.22s-1.106%206.91-3.235%209.222c-2.116%202.298-5.333%203.778-9.764%203.778s-7.648-1.48-9.764-3.778a11%2011%200%200%201-.238-.267a3.5%203.5%200%200%201-1.79.975q.267.333.556.647c2.55%202.769%206.332%204.423%2011.236%204.423s8.686-1.654%2011.235-4.423c2.537-2.755%203.764-6.515%203.764-10.576S29.77%208.178%2027.234%205.423C24.684%202.654%2020.903%201%2016%201S7.313%202.654%204.763%205.423C2.226%208.178%201%2011.938%201%2015.999v.052a3.5%203.5%200%200%201%202.026-1.02%22%2F%3E%3Cpath%20d%3D%22M5.91%2023.166A2.506%202.506%200%200%201%203.5%2025A2.5%202.5%200%200%201%201%2022.5v-4a2.501%202.501%200%201%201%205%200v4q0%20.346-.09.666m5.097-16.75v.001l-.003.016l-.017.075a3.5%203.5%200%200%201-.574%201.192C9.936%208.335%209.08%209%207.5%209a.5.5%200%201%200%200%201c1.92%200%203.063-.835%203.713-1.7a4.5%204.5%200%200%200%20.744-1.55l.026-.116l.007-.034l.002-.011v-.004l.001-.002a.5.5%200%200%200-.986-.167m9.989.017l-.003-.016a.5.5%200%200%200-.986.165c-.042-.149%200%20.001%200%20.001v.002l.001.004l.002.01l.002.014l.005.021l.026.116a4.5%204.5%200%200%200%20.744%201.55c.65.865%201.793%201.7%203.713%201.7a.5.5%200%201%200%200-1c-1.58%200-2.437-.665-2.913-1.3a3.5%203.5%200%200%201-.574-1.192zM14%2015a3%203%200%201%201-6%200a3%203%200%200%201%206%200m7%203a3%203%200%201%200%200-6a3%203%200%200%200%200%206m-8.707%205.707a1%201%200%200%201%200-1.414l.001-.002l.002-.001l.003-.003l.008-.008l.02-.02l.061-.055a3%203%200%200%201%20.2-.16c.167-.126.405-.284.715-.439c.622-.31%201.524-.605%202.697-.605s2.075.294%202.697.605c.31.155.548.313.716.439a3%203%200%200%201%20.26.215l.02.02l.008.008l.003.003l.002.001l.001.002a1%201%200%200%201-1.404%201.424l-.008-.007a2.7%202.7%200%200%200-.492-.315C17.425%2023.204%2016.827%2023%2016%2023s-1.425.206-1.803.394a2.7%202.7%200%200%200-.492.316l-.008.007a1%201%200%200%201-1.404-.01%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%22M3.026%2015.032c.178-3.271%201.269-6.148%203.209-8.254C8.35%204.48%2011.568%203%2015.999%203s7.648%201.48%209.764%203.778c2.129%202.311%203.235%205.55%203.235%209.22s-1.106%206.91-3.235%209.222c-2.116%202.298-5.333%203.778-9.764%203.778s-7.648-1.48-9.764-3.778a11%2011%200%200%201-.238-.267a3.5%203.5%200%200%201-1.79.975q.267.333.556.647c2.55%202.769%206.332%204.423%2011.236%204.423s8.686-1.654%2011.235-4.423c2.537-2.755%203.764-6.515%203.764-10.576S29.77%208.178%2027.234%205.423C24.684%202.654%2020.903%201%2016%201S7.313%202.654%204.763%205.423C2.226%208.178%201%2011.938%201%2015.999v.052a3.5%203.5%200%200%201%202.026-1.02%22%2F%3E%3Cpath%20d%3D%22M5.91%2023.166A2.506%202.506%200%200%201%203.5%2025A2.5%202.5%200%200%201%201%2022.5v-4a2.501%202.501%200%201%201%205%200v4q0%20.346-.09.666m5.097-16.75v.001l-.003.016l-.017.075a3.5%203.5%200%200%201-.574%201.192C9.936%208.335%209.08%209%207.5%209a.5.5%200%201%200%200%201c1.92%200%203.063-.835%203.713-1.7a4.5%204.5%200%200%200%20.744-1.55l.026-.116l.007-.034l.002-.011v-.004l.001-.002a.5.5%200%200%200-.986-.167m9.989.017l-.003-.016a.5.5%200%200%200-.986.165c-.042-.149%200%20.001%200%20.001v.002l.001.004l.002.01l.002.014l.005.021l.026.116a4.5%204.5%200%200%200%20.744%201.55c.65.865%201.793%201.7%203.713%201.7a.5.5%200%201%200%200-1c-1.58%200-2.437-.665-2.913-1.3a3.5%203.5%200%200%201-.574-1.192zM14%2015a3%203%200%201%201-6%200a3%203%200%200%201%206%200m7%203a3%203%200%201%200%200-6a3%203%200%200%200%200%206m-8.707%205.707a1%201%200%200%201%200-1.414l.001-.002l.002-.001l.003-.003l.008-.008l.02-.02l.061-.055a3%203%200%200%201%20.2-.16c.167-.126.405-.284.715-.439c.622-.31%201.524-.605%202.697-.605s2.075.294%202.697.605c.31.155.548.313.716.439a3%203%200%200%201%20.26.215l.02.02l.008.008l.003.003l.002.001l.001.002a1%201%200%200%201-1.404%201.424l-.008-.007a2.7%202.7%200%200%200-.492-.315C17.425%2023.204%2016.827%2023%2016%2023s-1.425.206-1.803.394a2.7%202.7%200%200%200-.492.316l-.008.007a1%201%200%200%201-1.404-.01%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/sad-but-relieved-face.svg?color=%231a73e8&size=48
