disappointed face emoji
disappointed-face from Noto Emoji by Google Inc · Default · Smileys & Emotion · Apache-2.0 Free for personal and commercial use.
- Name
- disappointed-face
- Set
- Noto Emoji
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
disappointed-faceEmoji One (Colored)disappointed-faceFluent Emojidisappointed-faceFluent Emoji Flatdisappointed-faceFluent Emoji High Contrastdisappointed-faceIconParkdisappointed-faceIconPark Outlinedisappointed-faceIconPark Soliddisappointed-faceIconPark TwoTonedisappointed-faceOpenMojidisappointed-faceStreamline Emojisdisappointed-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 disappointed face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGhPFEudra1" cx="64" cy="-1752" r="56.96" fx="64" fy="-1752" gradientTransform="matrix(1 0 0 -1 0 -1688)" 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(#SVGhPFEudra1)" 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 88.3c10.8 0 17.8 7.9 19.7 11.6c.7 1.4.7 2.6.1 3.1q-.75.6-2.1 0c-.3-.1-.6-.3-.9-.5C76 99.1 70.1 97 64 97s-12 2.1-16.8 5.4c-.3.2-.6.4-.9.5q-1.35.6-2.1 0c-.6-.6-.6-1.7.1-3.1c1.9-3.6 8.9-11.5 19.7-11.5m10.37-19.5c-1.6 1.5-1.4 4 .5 5.3c2.4 1.7 5.8 3.8 9.7 4.8c3.9 1.1 7.9 1 10.8.8c2.3-.2 3.8-2.2 3.2-4.3c-.5-1.7-2.2-2.8-4.1-2.7c-2.2.2-5.2.2-8-.5c-2.8-.8-5.4-2.3-7.2-3.6c-1.5-1.1-3.6-1-4.9.2m-20.8 0c1.6 1.5 1.4 4-.5 5.3c-2.4 1.7-5.8 3.8-9.7 4.8c-3.9 1.1-7.9 1-10.8.8c-2.3-.2-3.8-2.2-3.1-4.3c.5-1.7 2.2-2.8 4.1-2.7c2.2.2 5.2.2 8-.5c2.8-.8 5.4-2.3 7.2-3.6c1.4-1.1 3.5-1 4.8.2"/></svg>
React
import type { SVGProps } from "react";
export function NotoDisappointedFace(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="SVGhPFEudra1" cx="64" cy="-1752" r="56.96" fx="64" fy="-1752" gradientTransform="matrix(1 0 0 -1 0 -1688)" gradientUnits="userSpaceOnUse"><stop offset=".5" stopColor="#fde030"/><stop offset=".92" stopColor="#f7c02b"/><stop offset="1" stopColor="#f4a223"/></radialGradient></defs><path fill="url(#SVGhPFEudra1)" 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 88.3c10.8 0 17.8 7.9 19.7 11.6c.7 1.4.7 2.6.1 3.1q-.75.6-2.1 0c-.3-.1-.6-.3-.9-.5C76 99.1 70.1 97 64 97s-12 2.1-16.8 5.4c-.3.2-.6.4-.9.5q-1.35.6-2.1 0c-.6-.6-.6-1.7.1-3.1c1.9-3.6 8.9-11.5 19.7-11.5m10.37-19.5c-1.6 1.5-1.4 4 .5 5.3c2.4 1.7 5.8 3.8 9.7 4.8c3.9 1.1 7.9 1 10.8.8c2.3-.2 3.8-2.2 3.2-4.3c-.5-1.7-2.2-2.8-4.1-2.7c-2.2.2-5.2.2-8-.5c-2.8-.8-5.4-2.3-7.2-3.6c-1.5-1.1-3.6-1-4.9.2m-20.8 0c1.6 1.5 1.4 4-.5 5.3c-2.4 1.7-5.8 3.8-9.7 4.8c-3.9 1.1-7.9 1-10.8.8c-2.3-.2-3.8-2.2-3.1-4.3c.5-1.7 2.2-2.8 4.1-2.7c2.2.2 5.2.2 8-.5c2.8-.8 5.4-2.3 7.2-3.6c1.4-1.1 3.5-1 4.8.2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGhPFEudra1" cx="64" cy="-1752" r="56.96" fx="64" fy="-1752" gradientTransform="matrix(1 0 0 -1 0 -1688)" 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(#SVGhPFEudra1)" 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 88.3c10.8 0 17.8 7.9 19.7 11.6c.7 1.4.7 2.6.1 3.1q-.75.6-2.1 0c-.3-.1-.6-.3-.9-.5C76 99.1 70.1 97 64 97s-12 2.1-16.8 5.4c-.3.2-.6.4-.9.5q-1.35.6-2.1 0c-.6-.6-.6-1.7.1-3.1c1.9-3.6 8.9-11.5 19.7-11.5m10.37-19.5c-1.6 1.5-1.4 4 .5 5.3c2.4 1.7 5.8 3.8 9.7 4.8c3.9 1.1 7.9 1 10.8.8c2.3-.2 3.8-2.2 3.2-4.3c-.5-1.7-2.2-2.8-4.1-2.7c-2.2.2-5.2.2-8-.5c-2.8-.8-5.4-2.3-7.2-3.6c-1.5-1.1-3.6-1-4.9.2m-20.8 0c1.6 1.5 1.4 4-.5 5.3c-2.4 1.7-5.8 3.8-9.7 4.8c-3.9 1.1-7.9 1-10.8.8c-2.3-.2-3.8-2.2-3.1-4.3c.5-1.7 2.2-2.8 4.1-2.7c2.2.2 5.2.2 8-.5c2.8-.8 5.4-2.3 7.2-3.6c1.4-1.1 3.5-1 4.8.2"/></svg> </template>
CSS
.icon-disappointed-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%22SVGhPFEudra1%22%20cx%3D%2264%22%20cy%3D%22-1752%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-1752%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-1688)%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(%23SVGhPFEudra1)%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%2088.3c10.8%200%2017.8%207.9%2019.7%2011.6c.7%201.4.7%202.6.1%203.1q-.75.6-2.1%200c-.3-.1-.6-.3-.9-.5C76%2099.1%2070.1%2097%2064%2097s-12%202.1-16.8%205.4c-.3.2-.6.4-.9.5q-1.35.6-2.1%200c-.6-.6-.6-1.7.1-3.1c1.9-3.6%208.9-11.5%2019.7-11.5m10.37-19.5c-1.6%201.5-1.4%204%20.5%205.3c2.4%201.7%205.8%203.8%209.7%204.8c3.9%201.1%207.9%201%2010.8.8c2.3-.2%203.8-2.2%203.2-4.3c-.5-1.7-2.2-2.8-4.1-2.7c-2.2.2-5.2.2-8-.5c-2.8-.8-5.4-2.3-7.2-3.6c-1.5-1.1-3.6-1-4.9.2m-20.8%200c1.6%201.5%201.4%204-.5%205.3c-2.4%201.7-5.8%203.8-9.7%204.8c-3.9%201.1-7.9%201-10.8.8c-2.3-.2-3.8-2.2-3.1-4.3c.5-1.7%202.2-2.8%204.1-2.7c2.2.2%205.2.2%208-.5c2.8-.8%205.4-2.3%207.2-3.6c1.4-1.1%203.5-1%204.8.2%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%22SVGhPFEudra1%22%20cx%3D%2264%22%20cy%3D%22-1752%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%22-1752%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%20-1688)%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(%23SVGhPFEudra1)%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%2088.3c10.8%200%2017.8%207.9%2019.7%2011.6c.7%201.4.7%202.6.1%203.1q-.75.6-2.1%200c-.3-.1-.6-.3-.9-.5C76%2099.1%2070.1%2097%2064%2097s-12%202.1-16.8%205.4c-.3.2-.6.4-.9.5q-1.35.6-2.1%200c-.6-.6-.6-1.7.1-3.1c1.9-3.6%208.9-11.5%2019.7-11.5m10.37-19.5c-1.6%201.5-1.4%204%20.5%205.3c2.4%201.7%205.8%203.8%209.7%204.8c3.9%201.1%207.9%201%2010.8.8c2.3-.2%203.8-2.2%203.2-4.3c-.5-1.7-2.2-2.8-4.1-2.7c-2.2.2-5.2.2-8-.5c-2.8-.8-5.4-2.3-7.2-3.6c-1.5-1.1-3.6-1-4.9.2m-20.8%200c1.6%201.5%201.4%204-.5%205.3c-2.4%201.7-5.8%203.8-9.7%204.8c-3.9%201.1-7.9%201-10.8.8c-2.3-.2-3.8-2.2-3.1-4.3c.5-1.7%202.2-2.8%204.1-2.7c2.2.2%205.2.2%208-.5c2.8-.8%205.4-2.3%207.2-3.6c1.4-1.1%203.5-1%204.8.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/disappointed-face.svg?color=%231a73e8&size=48
