relieved face emoji

relieved-face from Noto Emoji by Google Inc · Default · Smileys & Emotion · Apache-2.0 Free for personal and commercial use.

Name
relieved-face
Set
Noto Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

relieved-faceEmoji One (Colored)relieved-faceFluent Emojirelieved-faceFluent Emoji Flatrelieved-faceFluent Emoji High Contrastrelieved-faceIconParkrelieved-faceIconPark Outlinerelieved-faceIconPark Solidrelieved-faceIconPark TwoTonerelieved-faceOpenMojirelieved-faceTwitter Emoji

More smileys & emotion icons from Noto 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-facecracking-facecrying-cat

Use the relieved face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGLQb4bblj" cx="64" cy="-1160" r="56.96" fx="64" fy="-1160" gradientTransform="matrix(1 0 0 -1 0 -1096)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient></defs><path fill="url(#SVGLQb4bblj)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/><path fill="#422b0d" d="M64.4 102.1c-8.54 0-14.63-6.29-16.47-9.78c-.71-1.35-.85-2.81-.37-3.91c.36-.83 1.01-1.31 1.79-1.31c.26 0 .53.06.81.16c4.3 1.68 8.07 4.14 14.24 4.14s9.95-2.45 14.24-4.14c.28-.11.55-.16.81-.16c.78 0 1.43.48 1.79 1.31c.48 1.1.34 2.56-.37 3.91c-1.83 3.49-7.93 9.78-16.47 9.78M49.91 55.47c-2.03 2.14-4.98 3.76-8.02 3.72h.14c-2.04.04-4.1-.64-5.79-1.75c-2.35-1.67-4.25-4.51-7.15-2.31c-2.46 2.4.03 4.92 1.98 7.15c2.76 2.74 6.86 4.28 10.81 4.29c5.51.03 11.29-3.06 13.52-8.11c1.45-3.14-3.48-5.35-5.5-2.98Zm45 0c-2.03 2.14-4.98 3.76-8.02 3.72h.14c-2.04.04-4.1-.64-5.79-1.75c-1.08-.71-1.9-1.49-2.58-2.15c-1.21-1.17-3.25-1.24-4.57-.17c-2.48 2.29.06 5 1.98 7.15c2.76 2.74 6.86 4.28 10.81 4.29c5.51.03 11.29-3.06 13.52-8.11c1.4-3.2-3.41-5.33-5.5-2.98ZM28.82 44.38c-1.54 1.58-4.19-.25-2.81-2.35c1.03-1.52 2.46-3 4.07-4.17c4.3-3.35 9.84-4.79 14.71-4.28c2.48.31 2.01 3.48-.21 3.7c-5.66.43-11.38 2.85-15.75 7.1m70.06 0c1.54 1.58 4.19-.25 2.81-2.35c-1.03-1.52-2.46-3-4.07-4.17c-4.3-3.35-9.84-4.79-14.71-4.28c-2.48.31-2.01 3.48.21 3.7c5.66.43 11.38 2.85 15.75 7.1"/></svg>

React

import type { SVGProps } from "react";

export function NotoRelievedFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGLQb4bblj" cx="64" cy="-1160" r="56.96" fx="64" fy="-1160" gradientTransform="matrix(1 0 0 -1 0 -1096)" gradientUnits="userSpaceOnUse"><stop offset=".5" stopColor="#fde030"/><stop offset=".92" stopColor="#f7c02b"/><stop offset="1" stopColor="#f4a223"/></radialGradient></defs><path fill="url(#SVGLQb4bblj)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/><path fill="#422b0d" d="M64.4 102.1c-8.54 0-14.63-6.29-16.47-9.78c-.71-1.35-.85-2.81-.37-3.91c.36-.83 1.01-1.31 1.79-1.31c.26 0 .53.06.81.16c4.3 1.68 8.07 4.14 14.24 4.14s9.95-2.45 14.24-4.14c.28-.11.55-.16.81-.16c.78 0 1.43.48 1.79 1.31c.48 1.1.34 2.56-.37 3.91c-1.83 3.49-7.93 9.78-16.47 9.78M49.91 55.47c-2.03 2.14-4.98 3.76-8.02 3.72h.14c-2.04.04-4.1-.64-5.79-1.75c-2.35-1.67-4.25-4.51-7.15-2.31c-2.46 2.4.03 4.92 1.98 7.15c2.76 2.74 6.86 4.28 10.81 4.29c5.51.03 11.29-3.06 13.52-8.11c1.45-3.14-3.48-5.35-5.5-2.98Zm45 0c-2.03 2.14-4.98 3.76-8.02 3.72h.14c-2.04.04-4.1-.64-5.79-1.75c-1.08-.71-1.9-1.49-2.58-2.15c-1.21-1.17-3.25-1.24-4.57-.17c-2.48 2.29.06 5 1.98 7.15c2.76 2.74 6.86 4.28 10.81 4.29c5.51.03 11.29-3.06 13.52-8.11c1.4-3.2-3.41-5.33-5.5-2.98ZM28.82 44.38c-1.54 1.58-4.19-.25-2.81-2.35c1.03-1.52 2.46-3 4.07-4.17c4.3-3.35 9.84-4.79 14.71-4.28c2.48.31 2.01 3.48-.21 3.7c-5.66.43-11.38 2.85-15.75 7.1m70.06 0c1.54 1.58 4.19-.25 2.81-2.35c-1.03-1.52-2.46-3-4.07-4.17c-4.3-3.35-9.84-4.79-14.71-4.28c-2.48.31-2.01 3.48.21 3.7c5.66.43 11.38 2.85 15.75 7.1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGLQb4bblj" cx="64" cy="-1160" r="56.96" fx="64" fy="-1160" gradientTransform="matrix(1 0 0 -1 0 -1096)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient></defs><path fill="url(#SVGLQb4bblj)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/><path fill="#422b0d" d="M64.4 102.1c-8.54 0-14.63-6.29-16.47-9.78c-.71-1.35-.85-2.81-.37-3.91c.36-.83 1.01-1.31 1.79-1.31c.26 0 .53.06.81.16c4.3 1.68 8.07 4.14 14.24 4.14s9.95-2.45 14.24-4.14c.28-.11.55-.16.81-.16c.78 0 1.43.48 1.79 1.31c.48 1.1.34 2.56-.37 3.91c-1.83 3.49-7.93 9.78-16.47 9.78M49.91 55.47c-2.03 2.14-4.98 3.76-8.02 3.72h.14c-2.04.04-4.1-.64-5.79-1.75c-2.35-1.67-4.25-4.51-7.15-2.31c-2.46 2.4.03 4.92 1.98 7.15c2.76 2.74 6.86 4.28 10.81 4.29c5.51.03 11.29-3.06 13.52-8.11c1.45-3.14-3.48-5.35-5.5-2.98Zm45 0c-2.03 2.14-4.98 3.76-8.02 3.72h.14c-2.04.04-4.1-.64-5.79-1.75c-1.08-.71-1.9-1.49-2.58-2.15c-1.21-1.17-3.25-1.24-4.57-.17c-2.48 2.29.06 5 1.98 7.15c2.76 2.74 6.86 4.28 10.81 4.29c5.51.03 11.29-3.06 13.52-8.11c1.4-3.2-3.41-5.33-5.5-2.98ZM28.82 44.38c-1.54 1.58-4.19-.25-2.81-2.35c1.03-1.52 2.46-3 4.07-4.17c4.3-3.35 9.84-4.79 14.71-4.28c2.48.31 2.01 3.48-.21 3.7c-5.66.43-11.38 2.85-15.75 7.1m70.06 0c1.54 1.58 4.19-.25 2.81-2.35c-1.03-1.52-2.46-3-4.07-4.17c-4.3-3.35-9.84-4.79-14.71-4.28c-2.48.31-2.01 3.48.21 3.7c5.66.43 11.38 2.85 15.75 7.1"/></svg>
</template>

CSS

.icon-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%20128%20128%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGLQb4bblj%22%20cx%3D%2264%22%20cy%3D%22-1160%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-1160%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-1096)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde030%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%23f7c02b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4a223%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGLQb4bblj)%22%20d%3D%22M64%20119.9c-27.9%200-58-17.5-58-55.9S36.1%208.1%2064%208.1c15.5%200%2029.8%205.1%2040.4%2014.4C115.9%2032.7%20122%2047.1%20122%2064s-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5%22%2F%3E%3Cpath%20fill%3D%22%23eb8f00%22%20d%3D%22M111.89%2030.77C117.22%2039.37%20120%2049.61%20120%2061c0%2016.9-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5c-18.06%200-37.04-7.35-48.18-22.94C24.58%20111.62%2044.81%20119.9%2064%20119.9c15.4%200%2029.8-5.2%2040.4-14.5C115.9%2095.2%20122%2080.9%20122%2064c0-12.74-3.47-24.06-10.11-33.23%22%2F%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M64.4%20102.1c-8.54%200-14.63-6.29-16.47-9.78c-.71-1.35-.85-2.81-.37-3.91c.36-.83%201.01-1.31%201.79-1.31c.26%200%20.53.06.81.16c4.3%201.68%208.07%204.14%2014.24%204.14s9.95-2.45%2014.24-4.14c.28-.11.55-.16.81-.16c.78%200%201.43.48%201.79%201.31c.48%201.1.34%202.56-.37%203.91c-1.83%203.49-7.93%209.78-16.47%209.78M49.91%2055.47c-2.03%202.14-4.98%203.76-8.02%203.72h.14c-2.04.04-4.1-.64-5.79-1.75c-2.35-1.67-4.25-4.51-7.15-2.31c-2.46%202.4.03%204.92%201.98%207.15c2.76%202.74%206.86%204.28%2010.81%204.29c5.51.03%2011.29-3.06%2013.52-8.11c1.45-3.14-3.48-5.35-5.5-2.98Zm45%200c-2.03%202.14-4.98%203.76-8.02%203.72h.14c-2.04.04-4.1-.64-5.79-1.75c-1.08-.71-1.9-1.49-2.58-2.15c-1.21-1.17-3.25-1.24-4.57-.17c-2.48%202.29.06%205%201.98%207.15c2.76%202.74%206.86%204.28%2010.81%204.29c5.51.03%2011.29-3.06%2013.52-8.11c1.4-3.2-3.41-5.33-5.5-2.98ZM28.82%2044.38c-1.54%201.58-4.19-.25-2.81-2.35c1.03-1.52%202.46-3%204.07-4.17c4.3-3.35%209.84-4.79%2014.71-4.28c2.48.31%202.01%203.48-.21%203.7c-5.66.43-11.38%202.85-15.75%207.1m70.06%200c1.54%201.58%204.19-.25%202.81-2.35c-1.03-1.52-2.46-3-4.07-4.17c-4.3-3.35-9.84-4.79-14.71-4.28c-2.48.31-2.01%203.48.21%203.7c5.66.43%2011.38%202.85%2015.75%207.1%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%20128%20128%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGLQb4bblj%22%20cx%3D%2264%22%20cy%3D%22-1160%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-1160%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-1096)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde030%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%23f7c02b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4a223%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGLQb4bblj)%22%20d%3D%22M64%20119.9c-27.9%200-58-17.5-58-55.9S36.1%208.1%2064%208.1c15.5%200%2029.8%205.1%2040.4%2014.4C115.9%2032.7%20122%2047.1%20122%2064s-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5%22%2F%3E%3Cpath%20fill%3D%22%23eb8f00%22%20d%3D%22M111.89%2030.77C117.22%2039.37%20120%2049.61%20120%2061c0%2016.9-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5c-18.06%200-37.04-7.35-48.18-22.94C24.58%20111.62%2044.81%20119.9%2064%20119.9c15.4%200%2029.8-5.2%2040.4-14.5C115.9%2095.2%20122%2080.9%20122%2064c0-12.74-3.47-24.06-10.11-33.23%22%2F%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M64.4%20102.1c-8.54%200-14.63-6.29-16.47-9.78c-.71-1.35-.85-2.81-.37-3.91c.36-.83%201.01-1.31%201.79-1.31c.26%200%20.53.06.81.16c4.3%201.68%208.07%204.14%2014.24%204.14s9.95-2.45%2014.24-4.14c.28-.11.55-.16.81-.16c.78%200%201.43.48%201.79%201.31c.48%201.1.34%202.56-.37%203.91c-1.83%203.49-7.93%209.78-16.47%209.78M49.91%2055.47c-2.03%202.14-4.98%203.76-8.02%203.72h.14c-2.04.04-4.1-.64-5.79-1.75c-2.35-1.67-4.25-4.51-7.15-2.31c-2.46%202.4.03%204.92%201.98%207.15c2.76%202.74%206.86%204.28%2010.81%204.29c5.51.03%2011.29-3.06%2013.52-8.11c1.45-3.14-3.48-5.35-5.5-2.98Zm45%200c-2.03%202.14-4.98%203.76-8.02%203.72h.14c-2.04.04-4.1-.64-5.79-1.75c-1.08-.71-1.9-1.49-2.58-2.15c-1.21-1.17-3.25-1.24-4.57-.17c-2.48%202.29.06%205%201.98%207.15c2.76%202.74%206.86%204.28%2010.81%204.29c5.51.03%2011.29-3.06%2013.52-8.11c1.4-3.2-3.41-5.33-5.5-2.98ZM28.82%2044.38c-1.54%201.58-4.19-.25-2.81-2.35c1.03-1.52%202.46-3%204.07-4.17c4.3-3.35%209.84-4.79%2014.71-4.28c2.48.31%202.01%203.48-.21%203.7c-5.66.43-11.38%202.85-15.75%207.1m70.06%200c1.54%201.58%204.19-.25%202.81-2.35c-1.03-1.52-2.46-3-4.07-4.17c-4.3-3.35-9.84-4.79-14.71-4.28c-2.48.31-2.01%203.48.21%203.7c5.66.43%2011.38%202.85%2015.75%207.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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